extjs4 动态设置表头
时间: 2023-09-10 12:10:16 浏览: 325
Extjs 自定义树结构实现以及动态表头实现
在 ExtJS 4 中,您可以使用 `reconfigure` 方法来动态设置表头。以下是一个示例代码:
```javascript
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [], // 初始为空的列配置
renderTo: Ext.getBody()
});
// 动态设置表头
var newColumns = [
{ text: 'Name', dataIndex: 'name', flex: 1 },
{ text: 'Quantity', dataIndex: 'quantity' },
{ text: 'Price', dataIndex: 'price' }
];
grid.reconfigure(null, newColumns);
```
在这个示例中,我们创建了一个空的 `grid`,并在初始时将 `columns` 配置设置为空。
然后,我们定义了一个新的列配置 `newColumns`,其中包含了要显示的列的信息。
最后,我们使用 `reconfigure` 方法来设置新的列配置。第一个参数传入 `null`,表示保持现有的 `store` 不变。第二个参数传入新的列配置 `newColumns`。
这样,表格的表头会根据新的列配置进行动态更新。
希望这对您有所帮助!如果您有任何其他问题,请随时提问。
阅读全文