当前页面位置: » 丰搜网 » 文档中心 » 详细内容
使用 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，在浏览器中测试一下：
