前台代码:(这里贴的是js的代码,完整的代码可以在LigerUI的文档中找到),
这里使用的是url请求数据,问题不是处在前台,所以就不细说。
$("#maingrid").ligerGrid({
height: '100%',
width: 'auto',
columns: [
{ display: '部门名', name: 'name', width: 250, align: 'left' },
], width: '100%', pageSizeOptions: [5, 10, 15, 20], height: '97%',
dataAction: 'local', //本地排序
usePager: true, //本地分页
alternatingRow: false,
tree: { columnName: 'name' },
数据请求地址
url:"../Ashx/GetUserData.ashx",
toolbar: {
items: [
{ text: '增加', click: itemclick, icon: 'add' },
{ line: true },
{ text: '修改', click: itemclick, icon: 'edit' },
{ line: true },
{ text: '删除', click: itemclick, icon: 'delete' }
]
}
});
C#一般处理程序代码:
这里相应代码大家都会写,最重要是补上一句代码var griddata=new {Rows=userList};
使用匿名类,并给Rows属性赋值。这里应该是固定的,暂时没有去找可以修改的地方,
应该会在源js代码中可以修改,记得easy-ui哪里通过url请求数据也是要这样写的。
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
List<user> userList = new List<user>();
userList = SQLHelper.GetUserData();
//添加这句话
var griddata = new { Rows = userList };
//这种序列化的方法并不高效,可查看开源项目Newtonsoft.Json
context.Response.Write((new JavaScriptSerializer()).Serialize(griddata));
context.Response.End();
}
//这种系统序列化json的方式并不是很高效,可以查找开源项目Newtonsoft.Json