Ext.grid.Panel 样例
时间: 2023-11-27 07:06:19 浏览: 40
以下是一个简单的 Ext.grid.Panel 样例:
```javascript
Ext.create('Ext.grid.Panel', {
title: 'My Grid Panel',
store: Ext.create('Ext.data.Store', {
fields: ['name', 'age', 'gender'],
data: [
{ name: 'John', age: 30, gender: 'Male' },
{ name: 'Jane', age: 25, gender: 'Female' },
{ name: 'Bob', age: 40, gender: 'Male' }
]
}),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Age', dataIndex: 'age' },
{ text: 'Gender', dataIndex: 'gender' }
],
height: 200,
width: 400,
renderTo: Ext.getBody()
});
```
这个样例创建了一个包含三列的表格,每列分别显示人名、年龄和性别。表格中包含三行数据。可以通过 `height` 和 `width` 属性设置表格的大小,通过 `renderTo` 属性指定表格渲染的位置。