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

ASP分页应用bootstrap分页组件。

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

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

    ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页

    下面介绍一下我在项目中用到的分页方法. ---- ASP.Net中的DataGrid有内置分页功能, 但是它的默认的分页方式效率是很低的,特别是在数据量很大的时候,用它内置的分页功能几乎是不可能的事,因为它会把所有的数据从数据库读出来再进行分页...– 查询条件的SQL语句 ) AS … 具体代码就不写了(可以参考上面的链接). <?...Public DataTable ListProduct(int pageIndex, int pageSize) { //ADO.net从数据库中取出数据的代码就略过^_^. } 用上面的存储过程读出的数据在...ProductGrid.CurrentPageIndex =e.NewPageIndex; } 如果你处理了DataGrid的ItemCommand的事件的话,必须在ItemCommand事件处理代码前面加上这些代码...; } 因为当PageIndexChanged事件激发,也就是用户选则了另外一页时会先激发ItemCommand事件,如果不这样处理的话,可能会遇到一些意想不到的情况(如果你确实需要的话也可以上面这段代码

    93920

    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

    ASP.NET MVC5 实现分页查询

    对于大量数据的查询和展示使用分页是一种不错的选择,这篇文章简要介绍下自己实现分页查询的思路。 分页需要三个变量:数据总量、每页显示的数据条数、当前页码。...1) * PageDataCount + 1; int endLine=startLine + PageDataCount - 1; 对于数据库的查询操作使用轻量级ORM框架Dapper来实现,具体代码如下...在App_Code文件夹中添加PageHelper.cshtml文件封装绘制按钮的代码,这里需要注意一点,使用VS发布站点时App_Code文件夹中的文件不会被打包,需要手动拷贝App_Code文件夹中的文件到站点中...@PageHelper.CreatePaginateButton(246, 10, "/usermanager/attentionlist/") 下面是几张分页按钮效果图: ?...对应的HTML代码: ? 以上是自己对于实现分页的思路,绘制分页按钮的方法过长,不是一个好的方案,若各位读者有更好的解决方案还望告知。文章最后推荐一个简单易用的分页组件X.PagedList。

    3K30
    领券