您好,欢迎访问一九零五行业门户网

JQueryEasyUI datagrid框架的基本使用_jquery

今天说说这个datagrid框架的基本使用,这个框架一直以来都是大家比较头疼的框架,尤其是json数据的拼接,后台前台都很重要,使用这个框架,最重要的是仔细:
无需废话,上代码了:
复制代码 代码如下:
htmlpage.htm代码:
复制代码 代码如下:
border=false>
这是前台请求数据时发送的数据;
json格式数据一定要是双引号的,单引号无法显示数据哦;
数据格式如下:
复制代码 代码如下:
{
total:239,
rows:[
{code:001,name:name 1,addr:address 11,col4:col4 data},
{code:002,name:name 2,addr:address 13,col4:col4 data},
{code:003,name:name 3,addr:address 87,col4:col4 data},
{code:004,name:name 4,addr:address 63,col4:col4 data},
{code:005,name:name 5,addr:address 45,col4:col4 data},
{code:006,name:name 6,addr:address 16,col4:col4 data},
{code:007,name:name 7,addr:address 27,col4:col4 data},
{code:008,name:name 8,addr:address 81,col4:col4 data},
{code:009,name:name 9,addr:address 69,col4:col4 data},
{code:010,name:name 10,addr:address 78,col4:col4 data}
]
}
这里呢,后台传递数据很重要:
注意:表格post或者get回来的请求中
page:3 代表page为key,然后选择的当前页码为3
rows:10 代表一页的大小为10
后台返回的数据的格式为:{total:'',rows:[{},{}]}
只要包含了总数tatol字段,rows是具体的行数
例如:
asp.net mvc 例子:
public jsonresult getalluserinfos()
{
int pagesize = 5;
int pageindex = 1;
int.tryparse(this.request[page], out pageindex);
int.tryparse(this.request[rows], out pagesize);
pagesize = pagesize pageindex = pageindex
var temp = db.userinfo
.orderby(u=>u.sort)
.skip((pageindex-1)*pagesize)
.take(pagesize)
.tolist();
hashtable ht = new hashtable();
ht[total] = db.userinfo.count();
ht[rows] = temp;
return json(ht);
}
asp.net webform 例子:
public void processrequest(httpcontext context)
{
context.response.contenttype = text/plain;
var strwebname = context.request[webname] string.empty;
var goodsno = context.request[goodsno] string.empty;
int categoryid = 0;
int pageindex = 1;
int pagesize = 10;
int.tryparse(context.request[rows], out pagesize);
int.tryparse(context.request[page], out pageindex);
decimal priceleft = 0;
decimal priceright = 1000000;
int goodsstatus = 0;
decimal.tryparse(context.request[priceleft], out priceleft);
decimal.tryparse(context.request[priceright], out priceright);
int.tryparse(context.request[categoryid], out categoryid);
int.tryparse(context.request[goodsstatus], out goodsstatus);
var goodsqueryparamter = new goodsqueryparamter();
goodsqueryparamter.goodsstatus = (model.goodsmodel.goodsstatusenum)goodsstatus;
var ds = goodsservice.getgoodslist(goodsqueryparamter);
string json = string.empty;
if (ds != null && ds.tables.count > 0)
{
system.text.stringbuilder rowjson = new system.text.stringbuilder();
int collen = ds.tables[0].columns.count;
datacolumncollection col = ds.tables[0].columns;
foreach (datarow row in ds.tables[0].rows)
{
system.text.stringbuilder coljson = new system.text.stringbuilder();
rowjson.append({);
for (int i = 0; i {
coljson.append(\ + col[i].columnname + \:\ + row[i].tostring() + \,);
}
rowjson.append(coljson.tostring().trimend(','));
rowjson.append(},);
}
json = {\total\: + ds.tables[0].rows[0][sumgoods] + ,\rows\:[ + rowjson.tostring().trimend(',') + ]};
}
context.response.write(json);
}
asp.net中有一个类也可以序列化json格式数据;
其它类似信息

推荐信息