本文摘自PHP中文网,作者黄舟,侵删。
使用ajax方法实现分页也很简单,主要是两个,ContentTemplate和Trigger。先把listView扔ContentTemplate里面。然后在Trigger里面加入asp:AsyncPostBackTrigger,将ID指向之前的分页控件DataPager控件。具体实现代码大家可以参考下本文 listview列表实现分页是非常容易的。ListView分页是非常简单的,加上一个DataPager控件,把ListView的ID赋予就可以了。最开始我就是这么写的。(网上有人说这样是伪分页?)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <asp:ListView ID= "newBlogItems" runat= "server" DataSourceID= "AccessDataSource1" ViewStateMode= "Disabled" >
<ItemTemplate>
<li class = "newBlogItem" >
.....
</li>
</ItemTemplate>
</asp:ListView>
<asp:DataPager ID= "DataPager1" runat= "server" PageSize= "15" PagedControlID= "newBlogItems" ViewStateMode= "Disabled" >
<Fields>
<asp:NextPreviousPagerField ButtonType= "Link" ShowFirstPageButton= "True" ShowNextPageButton= "False" ShowPreviousPageButton= "False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ButtonType= "Link" ShowLastPageButton= "True" ShowNextPageButton= "False" ShowPreviousPageButton= "False" />
</Fields>
</asp:DataPager>
|
然而这样写完,点击分页的效果是刷新整个页面,刷新后页面跳来跳去当然是不友好的,所以要局部更新页面,最开始就想到了jquery插件,于是在网上下载了JPAGES这个插件,摆弄了半天也没弄成,也不知道哪里有错误。。。于是弃坑了,还是ajax吧!。
使用ajax方法就很简单拉,把大象装冰箱总共分三步。
1.引入ajax控件scriptManager,放在form里。
2.引入ajax控件UpdatePanel。
3.编辑UpdatePanel内容。
主要是两个,ContentTemplate和Trigger。先把listView扔ContentTemplate里面。然后在Trigger里面加入asp:AsyncPostBackTrigger,将ID指向之前的分页控件DataPager控件,这样就可以了。代码如下:
阅读剩余部分
相关阅读 >>
asp.net mvc中传参并绑定数据的实例教程
使用asp.net中mvc引擎开发插件系统的示例详解
asp.net core项目结构教程(4)_实用技巧
asp.net core环境设置教程(2)_实用技巧
传播智客asp.net基础系列视频资料分享
asp.net 通过ajax实现无刷新分页
c#中list的用法
asp.net mvc 遇到json循环调用的问题应该怎么解决?
asp.net实现省市二级联动功能的实例代码
操作 asp.net web api 的实例教程
更多相关阅读请进入《asp.net》频道 >>
清华大学出版社
作者:[美]克里斯琴·内格尔(Christian Nagel)著。出版时间:2019年3月。
转载请注明出处:木庄网络博客 » 详解ASP.NET使用ajax实现分页局部刷新页面功能的代码实例