第一部分:datagrid声明部分
第二部分:数据加载部分
后台columns(表格数据部分在此略过):
$('#dd').datagrid({
singleSelect: true,
columns: [[]]
});
loaddata(row.ASITEMCODE);
第二部分:数据加载部分
function loaddata(asItemCode) {
var url = "../server/aaa.jsp"
$.ajax({
type: "post",
url: url,
success: function(msg) {
$("#dd").datagrid({
columns: new Array(eval(eval('(' + msg + ')').COLUMNS))
}).datagrid("loadData", eval('(' + msg + ')'));
}
});
}
后台columns(表格数据部分在此略过):
String columns = "[{field:\"OPNO\",title:\"考核登记编号\",width:65},{field:\"TRANSTIME\",title:\"当前系统时间\",width:65}]";
EasyUI DataGrid
本文介绍了一个使用EasyUI的DataGrid组件实现数据展示的例子。通过Ajax请求后端数据,并利用返回的数据动态更新DataGrid的结构及内容。展示了如何配置DataGrid的基本属性及加载数据的方法。
2238

被折叠的 条评论
为什么被折叠?



