用extjs6做一个两横的表格
时间: 2024-01-30 19:02:39 浏览: 79
以下是一个使用ExtJS 6创建两行的表格的示例:
```javascript
Ext.application({
name: 'MyApp',
launch: function() {
// 创建数据源
var data = [
{ name: 'John', age: 30 },
{ name: 'Mike', age: 25 }
];
// 创建数据模型
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{ name: 'name', type: 'string' },
{ name: 'age', type: 'int' }
]
});
// 创建数据存储
var store = Ext.create('Ext.data.Store', {
model: 'User',
data: data
});
// 创建表格
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Age', dataIndex: 'age' }
],
width: 500,
height: 200,
renderTo: Ext.getBody()
});
}
});
```
这个示例创建了一个名为“MyApp”的应用程序,并使用ExtJS 6创建了一个包含两行数据的表格。数据通过数据模型和数据存储进行管理,并使用列定义来指定表格的列。最后,表格被渲染到页面中。
阅读全文