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的源代碼給修改了下;
        }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM