首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ASP分页应用bootstrap分页组件。

鉴于虚拟主机的性能限制,或者为了更好更快的上线网站或者成本原因,有的时候需要使用asp来开发动态站,并且现在移动端的流量普遍大于PC段,又需要体验自适应的效果。...所以bootstrap开发的asp站是一个很好的选择。原来一直使用自己的自定义的分页组件,在bootstrap下看起来有些奇怪,所以还是打算彻底把分页按照bootstrap的样式重新写一下。...这里直接贴代码,大意就是获取当前url的参数进行非page参数的筛选,不详细说了。 其次,嵌入bootstrap分页组件的ul部分。...bootstrap分页组件中的页码都是li标签,外面还有个nav和ul标签需要处理下(闭合标签就不贴了)。代码: 第三,处理上一页和下一页的页码。...二是总页数在10页以上的显示部分页码和缩略符。简单的一个if判断,不贴了。 10页以内全显示很简单(pageCount<=10)。

3.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaWeb之简单分页查询分析及代码

    分页方式 前端 JS 分页 - 不推荐 我们可以请求获取到所有数据后,使用 JavaScript 来进行数据分页显示,单纯的在数据的显示这一方面看确实美观了很多,并且这种分页方式要比后端分页简单很多...但是如果存在一定数据量的情况下,这种方式着实有一些尴尬,他并没有解决了我们服务端的任何问题,反而会让用户在等待响应数据耗时过多,体验不佳,不过它仍然是一种分页方式 在这里我们重点讲解后端分页,所以我们简单的演示一下...前端 JS 分页 演示代码: ![11.1-01-003](G:\公众号\markdown文件\11-分页与条件查询\分页查询\11.1-01-003.png) <!...由于前端需要接收到后台传来的需要数据信息,我们可以为上面我们简单分析出所需要的东西,集合成一个分页对象,方便我们的数据传递 //为方便后期调用,加上泛型 public class PageBean<T...总结 这篇文章到这里就基本结束了,这个样式是我参考某马中的一个样式布的局,使用 HTML + Ajax 替代了 JSP 然后后端的代码也对应全改写了 ,不过可以说是最简单的一种分页了,比较适合在JavaWeb

    2.7K20

    QuickPager分页控件,最简单的设置代码

    代码 ///      /// postback 的最简单分页设置     ///      public partial class PostSimpleness...            //定义QuickPager_SQL,设置Page属性             Pager1.PagerSQL.Page = this;             //默认是PostBack的分页方式...Pager1.PagerSQL.TablePKColumn = "ListColID";             //主键名称,不支持复合主键             //排序字段也是必须设置的,否则就无法准确分页...            Pager1.PagerSQL.TableOrderByColumns = "ListColID desc "; //排序字段,根据分页算法而定,可以支持多个排序字段             ...20条记录             //Pager1.PageSize = 4;                                  //一页显示的记录数             //设置分页方式

    80870

    Django Pagination 简单分页

    当博客上发布的文章越来越多时,通常需要进行分页显示,以免所有的文章都堆积在一个页面,影响用户体验。Django 内置的 Pagination 能够帮助我们实现简单分页功能。...用 Paginator 给文章列表分页 使用上面的一些方法,我们可以实现一个类似于 Django 官方博客一样的简单分页效果,效果如下。...最终我们得到如下的分页效果: image.png 当然这只是一个简单示例,分页导航处的视觉效果并不是很好看,你可以自行为其添加 CSS 样式使其看上去更加美观。...进一步拓展 使用 Django 内置的 Pagination 只能实现上面的简单分页效果,但通常更加高级的分页效果应该像下图这样: image.png 当前页面高亮显示,且显示当前页面前后几页的页码,...接下来我们将详细说明该如何拓展 Pagination 以实现一个完善的分页效果。 总结 本章节的代码位于:Step19: simple pagination。

    2.2K50

    【自然框架】QuickPager asp.net 分页控件的Ajax分页方式。

    使用方法还是非常简单,可以完全按照URL分页方式来做,只需要把PagerTurnKind 属性 设置为:PagerTurnKind.AjaxForWebControl;就可以了。   ...这个是为了给那些原来使用服务器控件(GridView、Repeater等)来写程序,后来由于某种原因必须实现Ajax方式来分页,但是又不想对原来的代码做大幅度的修改的情况。   ...你可以按照以前的方式来设置Repeater、GridView等控件,然后按照要求设置QuickPager分页控件就可以了。很简单。   ...进入后还是Ajax的分页。   后台代码代码 ///      /// Ajax的分页,Repeater控件的演示。     ...      div的ID必须是div_Grid         <asp

    1.8K70

    ASP.NET中的几种分页

    https://blog.csdn.net/huyuyang6688/article/details/39644255         1、通过DataGrid控件实现分页         ASP.NET...选择左边的【分页】选项卡        选中【允许分页】;【页大小】表示一页显示多少条数据;导航按钮的【位置】有顶、底、上下型三种选择,【模式】有页码和“上一页、下一页按钮”,如果选择了页码模式,【数值按钮...下面就到代码,为DataGrid控件添加并绑定数据源:         为了方便,先写一个查询数据并绑定到DataGrid的函数BindToGridView(): private void BindToDataGrid...pageSize+1                                                endPos    =   curPage   × pageSIze        存储过程核心代码为...”,而前面的方法即取出所有数据的分页方法就是“假分页”。

    2.6K20

    【开源】QuickPager ASP.NET2.0分页控件V2.0.0.1——支持多种数据库。让分页更加简单

    分页控件的源代码下载网址:http://www.cnblogs.com/jyk/archive/2008/04/25/1170979.html (在网页的下面) 下载文件里面由一个测试网页:http...2、使用简单,能在控件内部实现的都实现了,外面只需要设置属性就可以实现分页的功能,不需要处理翻页时产生的事件。 最少只需要写四行代码就可以搞定。...(不使用存储过程也可以达到很高的效率)         分页控件终于升级到了.net2.0,虽然功能上没有增加,但是修改了大部分的内部代码。...原来的代码是写在了一个.cs文件里面,看起来比较混乱,层次不够分明,在想扩展的时候就比较麻烦,现在按照“职责”分成了几块,每一块负责一个功能。...提供源代码,感兴趣的话,欢迎一起讨论:)  直接看源码: http://www.cnblogs.com/jyk/archive/2008/06/25/1229967.html http

    574100
    领券