easyui datagrid 分页

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webu/archive/2013/04/11/3014819.html

文章标签：

#javascript #测试 #java #ViewUI

本文详细介绍了如何使用easyui和.NET MVC框架实现数据分页展示的功能，包括具体代码实现和关键参数解释。

因为项目需要用到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/webu/archive/2013/04/11/3014819.html