<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>
function strToJson(str) {
var json = eval('(' + str + ')')
return json
}
1.加载静态数据方法
var htmls = "[{'ID':'FI-SW-01','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'}]"
$('#tt').datagrid('loadData', strToJson(htmls))
2.ajax动态加载数据方法(支持后台数据库)
$.ajax({
url: "/index/index",
data: { id: 1, code: "101" },
datatype: "json",
type: "POST",
traditional: true,
success: function(data) {
$('#tt').datagrid('loadData', strToJson(data))
}
})
返回的data数据格式为方法1中的htmls字符串格式。
可以,但是数据必须是JSON对象,并且符合以下格式:{"total":总记录数,"rows":数据行数组}
例如:
{"total":300,"rows":[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]}
这个JSON数据对象可以是你在页面上自己拼凑出来的,也可以是通过AJAX请求从服务器端响应来的等等,从哪里来的无所谓,只要符合以上格式就行,然后通过DataGrid组件的loadData方法加载,如下(假设data变量值是上面举例的那个数据对象):
$("#demoDataGrid").datagrid("loadData",data)
可以,但是数据必须是JSON对象,并且符合以下格式:{"total":总记录数,"rows":数据行数组}
例如:
{"total":300,"rows":[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]}
这个JSON数据对象可以是你在页面上自己拼凑出来的,也可以是通过AJAX请求从服务器端响应来的等等,从哪里来的无所谓,只要符合以上格式就行,然后通过DataGrid组件的loadData方法加载,如下(假设data变量值是上面举例的那个数据对象):
$("#demoDataGrid").datagrid("loadData",data)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)