在Ext.Component ExtJS中显示存储中的数据,可以通过以下步骤实现:
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{ name: 'id', type: 'int' },
{ name: 'name', type: 'string' },
{ name: 'age', type: 'int' }
]
});
var store = Ext.create('Ext.data.Store', {
model: 'User',
data: [
{ id: 1, name: 'John', age: 25 },
{ id: 2, name: 'Jane', age: 30 },
{ id: 3, name: 'Bob', age: 35 }
]
});
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [
{ text: 'ID', dataIndex: 'id' },
{ text: 'Name', dataIndex: 'name' },
{ text: 'Age', dataIndex: 'age' }
],
renderTo: Ext.getBody()
});
通过以上步骤,就可以在Ext.Component ExtJS中显示存储中的数据。在这个例子中,我们创建了一个包含id、name和age字段的数据模型User,并使用Ext.data.Store存储了一些数据。然后,我们创建了一个Ext.grid.Panel对象,并将store和columns配置项传入,用于显示数据。最后,通过renderTo配置项将grid渲染到页面中。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。
请注意,以上答案仅供参考,具体的产品选择和配置应根据实际需求和情况进行。
领取专属 10元无门槛券
手把手带您无忧上云