用jquery如何实现动态创建EasyUi datagrid列?代码如下:
$('#tt').datagrid({
columns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
});
上面的代码是用jquery EasyUi datagrid绑定后台数据库显示相应内容的,可是它的列都是写死的,我想用jQuery动态创建,如何实现呢?
------解决方案--------------------var option={};
option.columns=[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
这个columns 根据你的需要动态创建。
$(function(){
$('#tt').datagrid(option);
});