MVC 分页 JQuery Pager

阅读更多

导入的包

 

Index.aspx

@{
    ViewBag.Title = "Index";
}
@using com.fh.Models
@model DemoList

  @* @{
       Html.RenderAction("PageSelected", new { cuurentPageIndex = 0 });
    }*@

    @Html.Partial("_TableList",Model)

_TableList.cshtml(PartialView)

@using com.fh.Models
@model DemoList

            @foreach (var item in Model.DataSource)
            {
                
            }
        

        

            

                

                    ID
                
                

                    Name
                
            
        
        

                    
@item.ID
                    
                    
@item.Name
                    
                
    

    


@if (Model.TotalItems > 0)
{
    if (Model.TotalItems <= 5)
    {
    

        

            Showing 1 to @Model.TotalItems of @Model.TotalItems (1 Pages)
    
    }
    else
    { 
    

    
    }
}

 

ViewModel

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace com.fh.Models
{
    public class DemoList
    {
        public DemoList()
        {
            DataSource = new List();
        }
        public List DataSource { get; set; }
        public int TotalItems { get; set; }
        public int CurrentPageIndex { get; set; }
    }
    public class Demo
    {
        public int ID { get; set; }
        public string Name { get; set; }
    }
}

 control

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using com.fh.Models;

namespace com.fh.Controllers
{
    public class DemoController : _Base
    {
        public readonly int numberPerPage = 5;
        public ActionResult Index()
        {
            DemoList m = new DemoList();
            //m.DataSource = CreatePageListTestDate();
            //return View(m);
            return View(m);
        }
        public ActionResult PageSelected(int cuurentPageIndex)
        {
            DemoList m = new DemoList();
            m.CurrentPageIndex = cuurentPageIndex;
            m.DataSource = CreatePageListTestDate().Skip((cuurentPageIndex-1) * numberPerPage).Take(numberPerPage).ToList();
            m.TotalItems = CreatePageListTestDate().Count;
            return PartialView("_TableList", m);
        }
        public List CreatePageListTestDate()
        {
            List r = new List();
            for (int i = 1; i < 100; i++)
            {
                r.Add(new Demo
                {
                    ID = i,
                    Name = "test name " + i,
                });
            }
            return r;
        }
    }
}

• JQueryPage.7z (2.4 KB)
• 下载次数: 31