CollectionView for JavaScript
The Core Data Provider for Wijmo
The CollectionView class is the core data provider for all Wijmo components. It takes a sourceCollection array and provides data views with sorting, filtering, grouping, paging, notifications, changes tracking, currency management, and more.
DOWNLOAD SAMPLES WITH SOURCE CODE (v 5.20221.842)
Loading Data
Load data from either the client or the server with CollectionView. Loading data into the CollectionView on the client requires JSON objects.
Data Views
The CollectionView class represents a view for grouping, sorting, filtering, and navigating data collections.
The object model used in the CollectionView class is similar to the one defined by. NET's ICollectionView and IPagedCollectionView interfaces.
Editing Views
The CollectionView provides support for editing items with methods similar to those found in. NET's IEditableCollectionView interface:
- editItem: Save a copy of the item and put the collection in 'edit mode'. While in edit mode, the view is not refreshed, so items will not be sorted or filtered out of view during the editing process.
- commitEdit: Exit edit mode so sorting and filtering become active again. If the item has changed, the collectionChanged event fires so bound components can show the changes
- cancelEdit: Restore the original data and exits edit mode.
Performance
The CollectionView class is highly optimized. It sorts, filters, groups, and paginates large data sets efficiently in virtually every situation.
Improve performance even more by using the deferUpdate method to suspend refreshes while performing batch operations.This is especially important when adding items to collections that are sorted, grouped, or filtered. Without deferred updates, each addition causes a refresh.
Data Providers
The CollectionView class relies on a sourceCollection that contains an array of data items. This collection is typically populated with HTTP requests that retrieve data from a server.
In some cases, it may be advantageous to extend the CollectionView class in order to take advantage of functionality exposed by the server. See Data Extensions for more information.
All of Wijmo's JavaScript UI Components
Frameworks & Integrations
- Angular
- React
- Vue
- Web Components
- TypeScript
- ES6
Common
Data Management
Printing & Docs
Navigation & Layout
Input & Editors
Viewers
Designers
e= Wijmo Enterprise features
Wijmo's Customer Feedback & Awards
"Good value for money and high quality components"
RICHARD HERBERT
"Great tools, not cheap, but worth the money for us."
TRUSTED CUSTOMER
"I've been using Wijmo controls for about a year and a half. Fantastic product. Fantastic support!"
TRUSTED CUSTOMER
 |
 |
"I don’t give kudos lightly, and without merit, but the Wijmo team has been awesome to work with. Just amazingly responsive! I am so glad I recommended Wijmo to my partners."
GABOR FARI, PARTNER TECHNOLOGY STRATEGIST - MICROSOFT CORP
"With Wijmo's extensibility model, the Microsoft Dynamics team was able to quickly customize and incorporate Wijmo 5 components into our new release."
PARAM KAHLON, GENERAL MANAGER, MICROSOFT DYNAMICS CRM ENGINEERING
"We rely on functionality of Wijmo Core's FlexGrid in our massive next-generation platform products. Wijmo's modern, full-featured FlexGrid with sophisticated grid manipulations is what you will find at the heart of our workflow."
AARON MENDEZ, MANAGER OF THE USER EXPERIENCE, THOMSON REUTERS
Trusted by the World's Leading Companies
