如何在Ext.Component ExtJS中显示存储中的数据

在Ext.Component ExtJS中显示存储中的数据，可以通过以下步骤实现：

创建一个Ext.data.Store对象，用于存储数据。可以指定数据的模型、字段等信息。

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 }
    ]
});

创建一个Ext.grid.Panel对象，用于显示存储中的数据。

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()
});

将grid对象渲染到页面中的某个元素上，例如body。

通过以上步骤，就可以在Ext.Component ExtJS中显示存储中的数据。在这个例子中，我们创建了一个包含id、name和age字段的数据模型User，并使用Ext.data.Store存储了一些数据。然后，我们创建了一个Ext.grid.Panel对象，并将store和columns配置项传入，用于显示数据。最后，通过renderTo配置项将grid渲染到页面中。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云数据库（TencentDB）。