详解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性能监控和优化入门

关于asp.net core网站在docker中运行的详解

图文详解asp.net百度ueditor编辑器实现上传图片添加水印效果实例

解决asp.net网站第一次访问慢的方法

有关asp.net core 中的多语言支持的详细介绍

[asp.net mvc 小牛之路]05 - 使用 ninject

asp.net面试题大全

asp.net中的web.config配置文件介绍

详解.net完成configuration读取配置的实例详解

asp.net core程序发布到linux生产环境详解

更多相关阅读请进入《asp.net》频道 >>




打赏

取消

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

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

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

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

评论

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