编辑 Ext 表格（一）——— 动态添加删除行列

一、动态增删行
在 ext 表格中，动态添加行主要和表格绑定的 store 有关，
通过对 store 数据集进行添加或删除，就能实现表格行的动态添加删除。
 
（1） 动态添加表格的行 
gridStore.add({});
 
（2） 动态删除表格的行 
gridStore.removeAt(gridStore.count() - 1);
 
二、动态增删列
在 ext 表格中，动态添加列主要通过修改表格绑定的 column 元素，
通过对 column 元素集进行添加或删除，然后重新渲染表格，就能实现表格行的动态添加删除。
（1）动态添加表格的列
定义表格：
var gridTable = Ext.create('Ext.grid.Panel', {
    id: 'gridTable',
    region: 'center',
    layout: 'fit',
    columns: cols,
    store: gridStore,
    autoScroll: true,
});
 
添加列：
cols.push({  
    text: '列',
    dataIndex: 'col',
    width: 120,
    sortable: false,
    menuDisabled: true,
});
gridTable.reconfigure(gridStore, cols);  // 调用该方法重新配置的时候，会重新载入 store
 
（2）动态删除表格的列
cols.pop();
gridTable.reconfigure(gridStore, cols);
 

下面附上完整的 js 代码：

下一篇将介绍如何编辑Ext表格