Wijmo Vue OData

MESCIUSData Access ToolsJavaScript

Connect Vue applications to OData services with flexible data views.

  • Supports server-based grouping, sorting, and filtering of OData data.
  • Enables server-side paging and virtual scrolling for scalable data handling.
  • Integrates with FlexGrid to deliver responsive Vue datagrids.
MESCIUS logo

Prices from:

Loading...
Available in
WijmoLoading
ComponentOne Studio EnterpriseLoading
Need help choosing? See How to Buy and Specification
Wijmo Vue OData product image
Wijmo Vue OData provides Vue developers with a component to connect and bind Vue datagrids to OData sources. It supports server-side operations like paging, sorting, filtering, and grouping to optimize large dataset interactions. Features include on-demand data loading, lazy group expansion, and flexible control over data retrieval to build efficient, responsive applications.

ODataCollectionView Component

This Vue component connects to OData RESTful APIs, allowing access to tables and data via a configurable URL and parameters. It manages communication with the OData service and shapes data for use in Vue controls like FlexGrid.

Server-Side Paging Support

Enables fetching and displaying data one page at a time directly from the server, reducing client load and improving responsiveness for large datasets. Paging commands match the API supported by the data service.

Server-Based Grouping

Supports grouping of data on the server by setting the appropriate flag. It verifies OData API compatibility for grouping and throws errors if unsupported. This improves performance when handling complex grouped data views.

Group Lazy Loading

Loads only top-level groups initially, fetching subgroup data on demand when groups expand. This incremental data retrieval reduces initial data transfer and speeds up rendering in group-heavy datasets.

Virtual Data Loading

The extended ODataVirtualCollectionView component enables on-demand loading of data fragments or windows. It loads data only when requested, supporting infinite scrolling and efficient memory usage in grids.

Integration with FlexGrid Vue

Seamlessly integrates with the FlexGrid Vue datagrid component to enable dynamic and interactive data grids. This includes features like scroll management, view range control, and selection visibility.

Client and Server-Side Filtering and Sorting

Configurable to perform filtering and sorting operations either on the client or server side depending on application needs, balancing responsiveness with server capabilities.

Configuration and Error Handling

Provides options to specify query fields, enable features like grouping and paging with validation against API capabilities. Errors are reported explicitly if server operations are unsupported.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • Vue.js