v5.20192.624
|

WjCollectionViewNavigator Class

AngularJS directive for an ICollectionView navigator element.

Use the wj-collection-view-navigator directive to add an element that allows users to navigate through the items in an ICollectionView. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

Here is a CollectionViewNavigator:</p>
<wj-collection-view-navigator
  cv="myCollectionView">
</wj-collection-view-navigator>

Example

This example creates a CollectionView with 100,000 items and 20 items per page. It defines a navigator to select the current page, another to select the current item, and shows the data in a FlexGrid.

The wj-collection-view-navigator directive has a single attribute:

cv
= A reference to the ICollectionView object to navigate.

Hierarchy

  • WjDirective
    • WjCollectionViewNavigator