日期:2014-05-16  浏览次数:20478 次

用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);
});