頁面代碼
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>PurchaseOrderDetail</title> <link href="~/Content/themes/blue/easyui.css" rel="stylesheet" /> <link href="~/Content/themes/blue/icon.css" rel="stylesheet" /> <script src="~/Scripts/jquery.min.js"></script> <script src="~/Scripts/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function () { $('#List2').datagrid({ title: 'Checkbox selection on DataGrid', url: 'GetPurchaseOrder', method: 'get', //默認是post,不允許對靜態文件訪問 width: '700', iconCls: 'icon-save', dataType: "json", fitColumns: true, rownumbers: true, //是否加行號 pagination: true, //是否顯式分頁 pageSize: 15, //頁容量，必須和pageList對應起來，否則會報錯 pageNumber: 2, //默認顯示第幾頁 pageList: [15, 30, 45],//分頁中下拉選項的數值 columns: [[ { field: 'ck', checkbox: true }, { field: 'PKID', title: 'id' }, { field: 'REAL_NAME', title: '姓名' }, { field: 'MOBILE', title: '手機號碼' }, { field: 'STAFF_CODE', title: '編號' } ]], singleSelect: false, //允許選擇多行 selectOnCheck: true,//true勾選會選擇行，false勾選不選擇行, 1.3以后有此選項 checkOnSelect: true //true選擇行勾選，false選擇行不勾選, 1.3以后有此選項 }); }); </script> </head> <body> <div style="margin:10px 0;"></div> <table id="List2" class="easyui-datagrid"></table> </body> </html>
控制器
代碼
ZG_ERPEntities erp = new ZG_ERPEntities(); public JsonResult GetPurchaseOrder(int? page, int? rows) { page = page == null ? 1 : page; rows = rows == null ? 1 : rows; List<TSYS_USER> list = erp.TSYS_USER.OrderBy(a=>a.PKID).Skip((Convert.ToInt32(page) - 1) * Convert.ToInt32(rows)).Take( Convert.ToInt32(rows)).ToList(); var json = new { total = erp.TSYS_USER.Count(), rows = (from r in list select new TSYS_USER() { PKID=r.PKID, REAL_NAME=r.REAL_NAME, MOBILE=r.MOBILE, STAFF_CODE=r.STAFF_CODE }).ToArray() }; return Json(json, JsonRequestBehavior.AllowGet); }
如