logo

EasyUI 动态改变DataGrid列2012-07-08

DataGrid列可以使用columns属性定义。如果你想动态改变列,也没问题。改变列你可以重新调用DataGrid方法平且传递新columns属性。
下面定义DataGrid组件
<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}

    ]]

});

运行网页,我们看到:
\
通常,我们想改变列,你可以写这些代码:
$('#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等,我们不需要重复定义他们,我们定义我们想改变的。
\

相关话题

热门搜索

  • EasyUI
  • 动态
  • 改变DataGrid

扫描二维码分享话题