zoukankan      html  css  js  c++  java
  • Js_分页

     public ActionResult Index(int? pageIndex)
            {
                List<string> data = new List<string>();
                for (int i = 0; i < 103; i++)
                {
                    data.Add((i * 2).ToString());
                }
                PagedList<string> pagedList = new PagedList<string>(data.AsQueryable(), pageIndex, 5);
                return View("Index", "_Layout", pagedList);
            }
    
            public PartialViewResult IndexPartial(int? pageIndex)
            {
                List<string> data = new List<string>();
                for (int i = 0; i < 103; i++)
                {
                    data.Add((i * 2).ToString());
                }
    
                PagedList<string> pagedList = new PagedList<string>(data.AsQueryable(), pageIndex, 5);
                return PartialView("Index", pagedList);
            }

    Index

    @model PagedList<string>
    @{
        Layout = null; 
    }
    @RenderPage("../Shared/_pagerView.cshtml")
    @foreach (var item in Model)
    {
        @item<br />
        <br />
    }
    @RenderPage("../Shared/_pagerView.cshtml")

    pagerView

    <style type="text/css">
        /*= 分页页号样式 =*/
        .pagination
        {
            margin-bottom: 10px;
            line-height: 23px;
        }
        .pagination-inner
        {
            float: right;
        }
        .pagination a, .pagination span
        {
            float: left;
            display: inline;
            margin-left: 3px;
            padding: 0 7px;
            border: 1px solid #a2d0e5;
            background-color: #fff;
            white-space: nowrap;
        }
        .pagination a:link, .pagination a:visited
        {
            color: #017ca9;
            text-decoration: none;
        }
        .pagination a:hover, .pagination a:active
        {
            border-color: #1db535;
            text-decoration: none;
        }
        .pagination .current, .pagination a.current:link, .pagination a.current:visited
        {
            color: #fff;
            border-color: #1db535;
            background: #57d26a;
            font-weight: bold;
        }
    </style>
    <div class="clearfix pagination">
        <div class="pagination-inner">
            @if (Model.Start > 1)
            {
                <a href="javascript:void(0);" pageindex="1">1...</a>
            }
            @for (int i = Model.Start; i <= Model.End; i++)
            {
                <a href="javascript:void(0);" pageindex="@i">@i</a>
            }
            @if (Model.End < Model.TotalPages && Model.PageIndex - Model.Start < 3)
            {
                string totalPages = (Model.TotalPages).ToString();
                <a href="javascript:void(0);" pageindex="@totalPages">...@(totalPages)</a>
            }
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(
            $("a").click(function () {
                var p = $(this).attr("pageindex");
                $.post("Home/IndexPartial", { pageIndex: p }, function (data) {
                    $("#main").html(data);
                });
            })
        )
    </script>

    Controller

  • 相关阅读:
    32、至少列举8个常用模块都有那些?
    31、如何安装第三方模块?以及用过哪些第三方模块?
    uva120 Stacks of Flapjacks (构造法)
    stringstream的基本用法
    Codeforces Round #246 (Div. 2) C. Prime Swaps(贪心,数论)
    Codeforces Round #271 (Div. 2)D(递推,前缀和)
    poj3061 Subsequence&&poj3320 Jessica's Reading Problem(尺取法)
    Codeforces Round #266 (Div. 2)B(暴力枚举)
    uva10815(set的应用)
    uva489(需要考虑周全)
  • 原文地址:https://www.cnblogs.com/MarchThree/p/3751854.html
Copyright © 2011-2022 走看看