asp.net MVC的EF与easyui DataGrid数据绑定

时间:2022-09-18 08:23:59

页面代码

@{
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);
}