在ExtJS3.4中的网格面板中添加复选框列,可以通过以下步骤实现:
以下是一个示例代码:
// 创建数据模型
var User = Ext.data.Record.create([
{ name: 'name', type: 'string' },
{ name: 'age', type: 'int' }
]);
// 创建数据存储
var store = new Ext.data.Store({
reader: new Ext.data.JsonReader({
fields: ['name', 'age']
}),
data: [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 }
]
});
// 创建列模型
var columnModel = new Ext.grid.ColumnModel([
new Ext.grid.CheckboxSelectionModel(), // 添加复选框列
{ header: 'Name', dataIndex: 'name' },
{ header: 'Age', dataIndex: 'age' }
]);
// 创建网格面板
var gridPanel = new Ext.grid.GridPanel({
store: store,
cm: columnModel,
renderTo: 'grid-container', // 将网格面板渲染到指定的容器中
width: 400,
height: 200
});
在上述示例代码中,我们创建了一个包含复选框列的网格面板,数据存储中包含了两条数据记录,列模型定义了姓名和年龄两列。最后,将网格面板渲染到指定的容器中(例如id为"grid-container"的元素)。
这样,就在ExtJS3.4中的网格面板中成功添加了复选框列。
领取专属 10元无门槛券
手把手带您无忧上云