jquery easy ui datagrid获取不了数据
本帖最后由 summer16md 于 2013-06-12 12:29:08 编辑
<body>
<div>
<table id="myTable"></table>
</div>
</body>
<script type="text/javascript">
$(function () {
$('#myTable').datagrid({
title: 'datagrid',
url: 'datagrid_data.ashx',
idField: 'id',
width: 400,
columns: [[
{ field: 'name', title: '名字', width: 100 },
{ field: 'age', title: '年龄', width: 100 },
{ field: 'sex', title: '性别', width: 100 }
]],
pagination: true,
pageSize: 10,
pageList: [10, 20, 30, 40, 50]
});
$.ajax({
url: 'datagrid_data.ashx',
data: 'aa:1',
type: 'post',
dataType: 'json',
success: function (data) {
console.info(data);
}
});
})
</script>
public void ProcessRequest(HttpContext context)
{
GridView<userInfo> gv = new GridView<userInfo>();
gv.rows = getlist();
gv.total = getlist().Count;
JavaScriptSerializer json = new JavaScriptSerializer();
string result = json.Serialize(gv);
context.Response.Write(result);
context.Response.End();
}
private DataTable GetTable()
{
DataTable dt = new DataTable();
dt.Columns.Add("id", typeof(int));
dt.Columns.Add("name", typeof(string));
dt.Columns.Add("age", typeof(int));
dt.Columns.Add("sex", typeof(string));
DataRow dr = dt.NewRow();
string[] name = { "张三", "李四", "王五", "赵六" };
string[] sex = { "男", "女", "女", "男" };
for (int i = 0; i < 4; i++)
{
dr["id"] = 0 + i;
dr["name"] = name[i];
dr["age"] = 14 + i;
dr["sex"] = sex[i];
}
dt.Rows.Add(dr);
return dt;
}
private IList<userInfo> getlist()
{
IList<userInfo> list = new List<userInfo>();
DataTable dt = GetTable();
foreach (DataRow dr in dt.Rows)
{
userInfo info = new userInfo();
info.Id = Convert.ToInt32(dr["id"]);
info.Name = Convert.ToString(dr["name"]);
info.Age = Convert.ToInt32(dr["age"]);
info.Sex = Convert.ToString(dr["sex"]);
list.Add(info);
}
return list;
}
