Question

我有一个简单的面板表：

Ext.define('ETaxi.settings.view.mypanel', {
extend: 'Ext.panel.Panel',
alias: 'widget.mypanel',
record: null,

layout: 'table',
layoutConfig: {
    columns: 2
},
defaults: { padding: 5, margin: 5, border: true },

defaultType: 'label',

items: [{
    text: 'left'
},{
    text: 'right'
},{
    text: 'left'
},{
    text: 'right'
},{
    text: 'left'
},{
    text: 'right'
},{
    text: 'left'
},{
    text: 'right'
}]
});

并且想法是得到这样的东西：

| left | right |
| left | right |
| left | right |
| left | right |

但我看到单行中的所有元素：

| left | right | right | left | right | left | right |

我错过了什么？谢谢。

Answer 1

在jsfiddle中尝试了您的代码。当我改变它时，它正在工作：

layout: 'table',
layoutConfig: {
    columns: 2
},

到此：

layout: {
    type : 'table',
    columns: 2
},

Extjs：表格布局和单行中的所有项目

1 个答案: