.net mvc3 + easyui datagrid 获取单页数据 无刷新分页(转)

html:​

代码

<table id="dataList"></table>


JQuery easyui:​

$('#dataList').datagrid({ 
        title: '分页数据',   //标题
        iconCls: 'icon-save',  //表格的图标
        width: 500,  //表格宽度
        height: 300,   //表格高度
        pageSize: 15, //每页显示数量
        pageList: [15, 30, 45], //可以设置每页记录条数的列表 
        url: '/Home/GetList', //MVC的Controllers地址
        sortName: 'ID',  //要排序的字段
        sortOrder: 'desc',  //排序规则
        singleSelect: true,  //只能选择单行
        pagination: true  //这里一定要设置为true
    }); 
    var p = $('#datList').datagrid('getPager'); 
    p.pagination({ 
        beforePageText: '第',//页数文本框前显示的汉字           
        afterPageText: '页    共 {pages} 页',           
        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录' 
    }); 
}

c#​:​

        public JsonResult GetVersions()
        {
            var allVersions = systemConfigurationModel.GetVersionConfigurationInfos().Select(v => new
            {
                v.ConfigInfoId,
                v.Description,
                v.VersionNumber,
            }).ToList();

            string rows = Request["rows"].ToString(); //获取datagrid传来的行数
            string page = Request["page"].ToString(); //获取datagrid传来的页码

       //当前页
int intPage = int.Parse((page == null || page == "0") ? "1" : page);   
//每页显示条数
int displayRecords = int.Parse((rows == null || rows == "0") ? "10" : rows);
//每页的开始记录 第一页为1 第二页为number +1 Dictionary
<string, object> json = new Dictionary<string, object>(); json.Add("total", allVersions.Count); json.Add("rows", allVersions.OrderBy(v => v.ConfigInfoId).Skip((intPage - 1) * displayRecords).Take(displayRecords)); return Json(json, JsonRequestBehavior.AllowGet); }

 

posted @ 2014-08-21 13:40  邹邹  Views(280)  Comments(0)    收藏  举报