ASP.NET MVC+bootstrap paginator分页

之前做过一个bootstrap table的分页的项目,但是今天自己打算写着一个网站来玩儿,但是遇到的问题就是不能用table分页但是最好Ajax分页,经过查阅网上的资料,本人得出了解决方案,马上上代码


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using AngularJSandMVC.Models;

namespace AngularJSandMVC.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home

        public ActionResult Index()
        {
            return View();
        }
        public ActionResult LoadData()
        {
            int offset = int.Parse(Request.QueryString["page"].ToString());
            int limit = 2;//每页显示的数量
            List list = new List();
            for (int i = 0; i < 10; i++)
            {
                list.Add(new MyObject() { Id=(i+1),Name="Yangxu"});
            }
            List result = list.Skip((offset-1)*limit).Take(limit).ToList();
            return Json(result, JsonRequestBehavior.AllowGet);
        }
    }
        public class MyObject{
            public int Id;
            public string Name;
    }
}

以上是控制器中的代码

前台页面代码如下




   
    View
   
   
   
   


   




       

   



       

       







如果大家觉得看起来不爽就多多包涵了,CSDN不咋会用

http://pan.baidu.com/s/1ntUj67R 这个是文件的位置,欢迎下载

你可能感兴趣的:(ASP.NET,MVC)