CollectionView

Wijmo has a solid infrastructure based on a powerful and familiar data layer. The main data binding interface is ICollectionView , which provides currency, filtering, grouping, and sorting services. Wijmo also includes the IEditableCollectionView and IPagedCollectionView interfaces, which support editing and paging.

Wijmo's ICollectionView interface is virtually identical to the one in .NET, so if you know .NET, you will feel right at home.

Wijmo includes several classes that implement ICollectionView. The most basic is CollectionView , which uses regular JavaScript arrays as data sources. We also have implementations that use BreezeJS and OData as data sources.

This page shows how ICollectionView works. It creates a CollectionView object based on an array with {{cv.sourceCollection.length}} items. The collection view is configured to show pages with {{cv.pageSize}} items each. We show the collection in an HTML table that you can filter, sort, and group, using the controls at the top of each column.

Current Item

ID
Country
Color
Amount

Navigation

items
pages
No Paging 10 15 30 50
(All) Odd Even
(All) US Germany UK Japan Italy Greece France
(All) Black White Red Green Blue Yellow Brown Orange
(All) > 0 > 500 > 1,000
{{item.name}} ({{item.items?.length}} items) {{item.id}} {{item.country}} {{item.color}} {{item.amount | number:'1.2-2'}}