Sencha ExtJS 将一列切成两半

Question

我为页面设置了 4 列布局。 1 列，我想把它分成两半，这样我就可以有 2 个单独的输入文本字段。下面的代码按原样适用于简单的 html 但是一旦我将输入字段代码替换为 html 字段，就不会显示任何输入字段...

ExtJS 专栏

 }, {
        xtype: 'container',
        layout: {
            'type':'column',
            'columns' : 2
        },
        items: [{
                xtype: 'container',
                columnWidth: 0.49,
                html: "part 1"
            }, {
                xtype: 'container',
                columnWidth: 0.49,
                html: "part 2"
            }]                
    }, {

ExtJS 输入字段

            fieldLabel: 'Expiry',
            name: 'expiry',
            maskRe: /[0-9]+/,
            minLength: 4,
            maxLength: 4,

Answer 1

看看下面的代码片段：

Ext.create('Ext.container.Container', {
    renderTo: Ext.getBody(),
    layout: {
        'type': 'column',
        'columns': 2
    },
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Expiry',
        name: 'expiry',
        maskRe: /[0-9]+/,
        minLength: 4,
        maxLength: 4,
    }, {
        xtype: 'textfield',
        fieldLabel: 'Expiry',
        name: 'expiry',
        maskRe: /[0-9]+/,
        minLength: 4,
        maxLength: 4,
    }]
});

Working Example

希望这会 help/guide 你。

Sencha ExtJS 将一列切成两半

Sencha ExtJS Slicing a column into halves

extjs

sencha-cmd

extjs5