zoukankan      html  css  js  c++  java
  • asp.net mvc3razor pager李明明原创,copy注明出处

    <!--
        Author : 李明明(Li Mingming)
        Date : 2013/1/11
        Description : mvc3razor分页导航
        Copyright : 李明明(Li Mingming) Copy请注明出处,只可拿去做研究、学习和试验,不得用于商业项目,违者必究。     
      Mail : 21374618@qq.com
    -->
    <div class="pager">        
        @{
            var pager = Model.ActionsPager;
     
            int pageCount = pager.PageCount;
            int index = pager.CurrentPageIndex;
     
            int start = index - index % 10 + 1;            
     
            int end = start + 9;
            if(end > pageCount) {
                end = pageCount;
            }
        }
        @if (pageCount > 1) {
            <ul>
                <li>
                    @Html.ActionLink("首页", "Index", new { pageIndex = 1 })
                </li>
                <li>
                    @Html.ActionLink("上一页"
                              , "Index", new { pageIndex = pager.CurrentPageIndex - 1 })
                </li>
                @if (index > 10) {                
                    <li>
                        @Html.ActionLink("...", "Index"
                                  , new { pageIndex = start - 10 })
                    </li>
                }
                @for (int i = start; i <= end; i++) {
                    <li>
                        @Html.ActionLink(i.ToString(), "Index", new { pageIndex = i })
                    </li>
                }
                @if (pager.PageCount - pager.CurrentPageIndex > pager.PageSize) {
                    <li>
                        @Html.ActionLink("...", "Index"
                                      , new { pageIndex = start + 10 })
                    </li>
                }
                <li>
                    @Html.ActionLink("下一页"
                              , "Index", new { pageIndex = pager.CurrentPageIndex + 1 })
                </li>
                <li>
                    @Html.ActionLink("最后一页", "Index", new { pageIndex = pager.PageCount })
                </li>
            </ul>
        }
    </div>
    效果:
  • 相关阅读:
    JS 异步编程
    JS XMLHttpRequest
    JS 日期
    JS DOM
    JS 异常处理
    JS BOM
    JS 正则表达式
    JS 面向对象
    (22)python PhantomJS
    HDU1698 线段树(区间更新区间查询)
  • 原文地址:https://www.cnblogs.com/limingming/p/2856603.html
Copyright © 2011-2022 走看看