datagrid 动态生成列

EasyUI DataGrid
本文介绍了一个使用EasyUI的DataGrid组件实现数据展示的例子。通过Ajax请求后端数据,并利用返回的数据动态更新DataGrid的结构及内容。展示了如何配置DataGrid的基本属性及加载数据的方法。
第一部分:datagrid声明部分

$('#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}]";
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值