详解ASP.NET使用ajax实现分页局部刷新页面功能的代码实例


本文摘自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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...