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

  • 相关阅读:
    从苹果系统InstallESD.dmg里提取IOS
    Swift编程语言中文版教程---《The Swift Programming Language》
    VMware workstation 10.0的永久key
    VMware Workstation与Hyper-V不兼容。请先从系统中移除Hyper-V角色,然后再运行VMware Workstation。
    Unity3D游戏制作入门教程
    MyEclipse中文网
    机器学习中的两个概率模型
    机器学习中的两个概率模型
    EM算法概念
    EM算法概念
  • 原文地址:https://www.cnblogs.com/MarchThree/p/3751854.html
Copyright © 2011-2022 走看看