<div class="header-panel member">
<h2><span class="identifier">WjCollectionViewNavigator</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>AngularJS directive for an <a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a> navigator element.</p>
<p>Use the <b>wj-collection-view-navigator</b> directive to add an element that allows users to
navigate through the items in an <a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a>. 
Note that directive and parameter names must be formatted as lower-case with dashes 
instead of camel-case. For example:</p>


<pre>Here is a CollectionViewNavigator:&lt;/p&gt;
&lt;wj-collection-view-navigator 
  cv="myCollectionView"&gt;
&lt;/wj-collection-view-navigator&gt;</pre>
<p><div class="member-panel example"><h3 class="node collapsed">Example</h3><div class="fiddle"><script async src="https://jsfiddle.net/Wijmo5/s8tT4/embed/result,html,js,css"></script></div></div></p>
<p>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 <a href="topic/wijmo.grid.FlexGrid.Class.html"><span class="identifier">FlexGrid</span></a>.</p>
<p>The <b>wj-collection-view-navigator</b> directive has a single attribute:</p>
<p><dl class="dl-horizontal">
  <dt>cv</dt>  <dd><code>=</code> A reference to the <a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a> object to navigate.</dd>
</dl></p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
