Question

我想在页面上显示多个网格，网格不应该相互重叠，并且所有网格都应该水平填充，每个请求都应该在同一页面上创建一个新网格，以便我们可以非常轻松地在网格上比较数据。请帮我在EXTJS中如何做到这一点。我不太了解EXTJS。

Answer 1

您想动态生成网格还是数量是静态的？你能为你提供代码吗？
你的答案很简单：

{
    xtype:"container",
    height: 353,
    width: 994,

    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    items: [
                {
                    xtype: 'gridpanel',
                    flex: 1,
                    title: 'My Grid Panel',
                    columns: [
                        {
                            xtype: 'gridcolumn',
                            dataIndex: 'string',
                            text: 'String'
                        }
                    ]
                },
                {
                    xtype: 'gridpanel',
                    flex: 1,
                    title: 'My Grid Panel',
                    columns: [
                        {
                            xtype: 'gridcolumn',
                            dataIndex: 'string',
                            text: 'String'
                        }
                    ]
                },
                {
                    xtype: 'gridpanel',
                    flex: 1,
                    title: 'My Grid Panel',
                    columns: [
                        {
                            xtype: 'gridcolumn',
                            dataIndex: 'string',
                            text: 'String'
                        }
                    ]
                }
            ]
}

Answer 2

创建主面板并将其布局设置为hbox，然后根据用户的请求动态添加网格到该面板的项目列表

EXTJS：如何在单页上显示多个网格？

2 个答案: