如何在 window 容器内的 grid/table 中显示列表？

Question

我创建了一个 window 如下：

Ext.create({
            xtype: 'window',
            title: "Name",
            closable: true,
            centered: true,         
            maxWidth: 1000,
            minHeight: 100,
            maxHeight: 430,
            minWidth: 350,
            scrollable: true,           
            items: [{
                xtype: 'container',
                html: record.data.Name,
                style: 'padding:10px'
            }]
}));

我的店铺如下：

 Ext.create('Ext.data.Store', {
     model: 'User',
     data : [
         {Name: 'Peter, John, Mary'}        
     ]
 });

我想在我的 window 容器中将名称显示为 grid/table（哪个都可以）。喜欢下面enter image description here

有人可以帮我解决这个问题吗？

Answer 1

您的代码不正确。反正..

Ext.create({
    xtype: 'window',
    title: "Name",
    closable: true,
    centered: true,
    maxWidth: 1000,
    minHeight: 300,
    maxHeight: 430,
    minWidth: 350,
    scrollable: true,
    layout: 'fit',
    items: [{
        xtype: 'grid',
        store: {
            fields: ['name'],
            data: [{
                name: 'Peter'
            }, {
                name: 'John'
            }, {
                name: 'Mary'
            }]
        },
        columns: [{
            text: 'Name',
            dataIndex: 'name',
            flex: 1
        }]
    }]
}).show();

如何在 window 容器内的 grid/table 中显示列表？

How to show a list in a grid/table inside a window container?

extjs