easyui datagrid 分页 | 易学教程

因为项目需要用到easyui进行显示数据，，涉及到了分页，一直弄不出来，查看网上的极多文章都是同一个版本的java，代码很多。后来无意中看到一些特殊的字眼，page,rows。后来试了结果令人兴奋啊。其实很简单，但对于我刚接触感觉有点困难。

我是用.net mvc来实现的。代码如下：

easyui代码：

$("#diaryBackground").datagrid({
        title: '日记背景列表',
        iconCls: 'icon-grid',
        url: '/DiaryBackManage/GetDiaryBackground?c=' + new Date(),
        striped: true,
        fitColumns: true,
        striped: true,
        pageNumber: 1,
        pageSize:10,
        fit: true,
        singleSelect: true,
        rownumbers: true,
        columns: []，

});

MVC:

public ActionResult GetDiaryBackground()
        {
            int pageSize = Convert.ToInt32(Request["rows"]);//通过这个获取得到pageSize
            int pageNum = Convert.ToInt32(Request["page"]);//通过这个获取得到pageNum
            var list = WriteBackgroundModel.getBgList("rj", pageSize, pageNum);
            var count = WriteBackgroundModel.getWriteBackground_Count("rj").Count();
            return Json(new { rows = list, total = count}, JsonRequestBehavior.AllowGet);//这部分大家不能这样写，因为为了实现我们团队方便，我就把easyui.min.js的源代码给修改了下；
        }

来源：https://www.cnblogs.com/KimhillZhang/archive/2012/02/04/2337840.html

标签

datagrid