Bootstarp分页,每次项目都头疼的.再也不要重写了.复制下来重用

<form method="post" class="form-inline">
            <input type="hidden" name="PageIndex" id="PageIndex" value="1" />
            <input type="hidden" name="PageSize" id="PageSize" value="20" />
 //其它查询条件也可以放进来,例如
  表名:<input type="text" name="TableName" value="@Request["TableName"]" />

 <button class="btn btn-default" id="btnQuery"><i class="fa fa-search"></i>查询</button>
 </form>

<ul class="pagination pagination-sm no-margin pull-right" id="pagination">
            @{
                int? RowCounts = (int?)ViewBag.RowCounts;

                int PageIndex = 0;
                int.TryParse(Request["PageIndex"], out PageIndex);

                int PageSize = 0;
                int.TryParse(Request["PageSize"], out PageSize);

                PageSize = PageSize == 0 ? 20 : PageSize;
                PageIndex = PageIndex == 0 ? 1 : PageIndex;
                RowCounts = RowCounts.HasValue ? RowCounts.Value : 1;
                int endPageIndex = (RowCounts.Value / PageSize);
                int toPageIndex = Math.Min(5, endPageIndex - PageIndex);
                int fromPageIndex = Math.Min(5,PageIndex);

                if (PageIndex > 1)
                 { 
                    <li class="paginate_button"><a href="javascript:gotoPage(1)">First</a></li> 
                    <li class="paginate_button"><a href="javascript:gotoPage(@(PageIndex-1))">Pre</a></li>
                 }

                for (int i = fromPageIndex - 1; i > 0; i--)
                {
                    <li class="paginate_button"><a href="javascript:gotoPage(@(PageIndex - i))">@(PageIndex - i)</a></li>
                }
                    <li class="paginate_button active">  <a href="javascript:void(0);">@(PageIndex)</a></li>

                for (int i = 1; i < toPageIndex; i++)
                {
                    <li class="paginate_button"><a href="javascript:gotoPage(@(PageIndex + i))">@(PageIndex + i)</a></li>
                }

                if (PageIndex < endPageIndex)
                {
                    <li class="paginate_button"><a href="javascript:gotoPage(@(PageIndex+1))">Next</a></li>
                }
                    <li class="paginate_button"><a href="javascript:gotoPage(@(endPageIndex))">End</a></li>
            }

        </ul>
        <script>
            function gotoPage(index) {
                //当然这里也可以换成ajax取数据.
                $("#PageSize").val(20);
                $("#PageIndex").val(index);
                $("#btnQuery").click();
            }
        </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值