asp.net MVC的EF与easyui DataGrid数据绑定
生活随笔
收集整理的這篇文章主要介紹了
asp.net MVC的EF与easyui DataGrid数据绑定
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
頁面代碼
@{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); }?
?
?
如
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的asp.net MVC的EF与easyui DataGrid数据绑定的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 事件和观察者模式
- 下一篇： 变频电源启动不了的原因是什么