26EasyUI 数据网格- 动态改变列

简介: 26EasyUI 数据网格- 动态改变列

数据网格(DataGrid)列可以使用 ‘columns’ 属性简单地定义。如果您想动态地改变列,那根本没有问题。为了改变列, 您可以重新调用datagrid 方法,并传递一个新的 columns 属性。

创建数据网格(DataGrid)

代码:

<table id="tt" title="Frozen Columns" class="easyui-datagrid" style="width:550px;height:250px"
            url="data/datagrid_data.json"
            singleSelect="true" iconCls="icon-save">
    </table>
$('#tt').datagrid({
        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 等等。我们不需要再一次定义它们,我们定义那些我们需要改变的。


目录
相关文章
|
6月前
29EasyUI 数据网格- 自定义排序
29EasyUI 数据网格- 自定义排序
21 0
|
6月前
|
JSON 数据格式
44EasyUI 数据网格- 添加分页组件
44EasyUI 数据网格- 添加分页组件
18 0
|
6月前
|
前端开发
43EasyUI 数据网格- 使用虚拟滚动视图显示海量数据
43EasyUI 数据网格- 使用虚拟滚动视图显示海量数据
32 0
|
6月前
42EasyUI 数据网格- 创建子网格
42EasyUI 数据网格- 创建子网格
17 0
|
6月前
|
前端开发 容器
41EasyUI 数据网格- 扩展行显示细节
41EasyUI 数据网格- 扩展行显示细节
19 0
|
6月前
|
JSON 数据格式
40EasyUI 数据网格- 创建属性网格
40EasyUI 数据网格- 创建属性网格
25 0
|
6月前
39EasyUI 数据网格- 条件设置行背景颜色
39EasyUI 数据网格- 条件设置行背景颜色
23 0
|
6月前
38EasyUI 数据网格- 创建页脚摘要
38EasyUI 数据网格- 创建页脚摘要
23 0
|
6月前
37EasyUI 数据网格- 创建自定义视图
37EasyUI 数据网格- 创建自定义视图
29 0
|
6月前
36EasyUI 数据网格- 合并单元格
36EasyUI 数据网格- 合并单元格
14 0