EasyUI 动态改变数据窗口列 Dynamic Change DataGrid Coiumns

来源：互联网发布：vb.net数据库放到内存编辑：程序博客网时间：2024/05/21 21:56

数据表格列可以通过’columns’属性轻松定义。如果要动态改变列也没有问题。

要改变列，可以再次调用数据表格方法并传递一个新的columns属性。下面我们定义了一个数据表格组件:

<table id="tt"></table>

$('#tt').datagrid({

title:'Change Columns',      iconCls:'icon-save',      width:550,      height:250,

url:'datagrid_data.json',

columns:[[         {field:'itemid',title:'Item ID',width:80},

         {field:'productid',title:'Product ID',width:80},

         {field:'attr1',title:'Attribute',width:200},

         {field:'status',title:'Status',width:80}      ]]

});

如果要更改columns显示，则重新传递一个新的columns属性。

$('#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}      ]]

});

我们已经定义了其它属性，如url,width,height等。我们不需要再次定义，我们仅需要定义要修改的即可。