extjs中利用panel创建三行两列布局

在ExtJS中，你可以利用panel组件的布局来创建三行两列的布局。下面是一段示例代码，你可以参考一下：

Ext.create('Ext.panel.Panel', {
    renderTo: Ext.getBody(),
    title: '3x2 Panel Layout',
    layout: {
        type: 'table',
        columns: 2,
        tableAttrs: {
            style: {
                width: '100%'
            }
        }
    },
    defaults: {
        bodyStyle: 'padding:20px'
    },
    items: [{
        html: 'Row 1, Column 1',
        rowspan: 2
    }, {
        html: 'Row 1, Column 2'
    }, {
        html: 'Row 2, Column 2'
    }, {
        html: 'Row 3, Column 1',
        colspan: 2
    }]
});

在这个示例中，我们创建了一个panel，并设置了它的布局类型为table，列数为2。然后我们在items数组中添加了四个子组件。第一个子组件占据了第一行的两列，第二和第三个子组件分别占据了第二行的两列，最后一个子组件占据了第三行的两列。通过设置rowspan和colspan属性，我们可以控制子组件占据的行和列数。