使用 ASP.NET Atlas PageNavigator控件实现客户端分页导航(3)

     第一部分：Atlas客户端控件DataSource，用来从我们上面定义的Web Service中取得数据。
  
  <dataSource id="dataSource" autoLoad="true" serviceURL="MyDataService.asmx" />
  第二部分：一个DataView控件（请参考：Atlas命名空间Sys.Data下控件介绍——DataView和DataFilter ），用来将第一部分中取得的那100条数据分页。
  
  <dataView id="view" pageSize="12">
   <bindings>
   <binding dataContext="dataSource" dataPath="data" property="data" />
   </bindings>
  </dataView>
  第三部分：一个ListView控件（请参考： 使用ASP.NET Atlas ListView控件显示列表数据 ），用于显示分页好的数据。
  
  <listView id="dataContents" itemTemplateParentElementId="myList_itemTemplateParent" >
   <bindings>
   <binding dataContext="view" dataPath="filteredData" property="data"/>
   </bindings>
   <layoutTemplate>
   <template layoutElement="myList_layoutTemplate"/>
   </layoutTemplate>
   <itemTemplate>
   <template layoutElement="myList_itemTemplate">
   <label id="lblIndex">
   <bindings>
   <binding dataPath="$index" transform="Add" property="text"/>
   </bindings>
   </label>
   <label id="lblName">
   <bindings>
   <binding dataPath="Name" property="text"/>
   </bindings>
   </label>
   <label id="lblEmail">
   <bindings>
   <binding dataPath="Email" property="text"/>
   </bindings>
   </label>
   </template>
   </itemTemplate>
   <emptyTemplate>
   <template layoutElement="myList_emptyTemplate"/>
   </emptyTemplate>
  </listView>
  第四部分： DataNavigator控件以及命令按钮。注意到这里我们有四个按钮，每一个都有不同的commandName属性，也分别对应着DataNavigator对DataView的一种操作。同时这些按钮的parent属性都设置成了这个DataNavigator对象。
  
  <dataNavigator id="pageNavigator" dataView="view"/>
  <button id="btnFirstPage" parent="pageNavigator" command="FirstPage" />
  <button id="btnPrevPage" parent="pageNavigator" command="PreviousPage">
   <bindings>
   <binding property="enabled" dataPath="hasPreviousPage"/>
   </bindings>
  </button>
  <button id="btnNextPage" parent="pageNavigator" command="NextPage">
   <bindings>
   <binding property="enabled" dataPath="hasNextPage"/>
   </bindings>
  </button>
  <button id="btnLastPage" parent="pageNavigator" command="LastPage" />
  第五部分：两个Label，分别显示页面总数以及当前页的序号。
  
  <label id="lblPageNumber">
   <bindings>
   <binding dataContext="view" property="text" dataPath="pageIndex" transform="Add"/>
   </bindings>
  </label>
  <label id="lblPageCount">
   <bindings>
   <binding dataContext="view" property="text" dataPath="pageCount"/>
   </bindings>
  </label>
  OK，在浏览器中测试一下：
  
    做人要厚道，请注明转自chinazhan中国站长(www.ChinaZhan.com)。