Sencha ExtJS Разрезание колонны пополам - PullRequest
Новая
       60

Sencha ExtJS Разрезание колонны пополам

0 голосов
/ 08 октября 2018

У меня есть 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,

1 Ответ

0 голосов
/ 09 октября 2018

Взгляните на приведенный ниже фрагмент кода: 

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,
    }]
});

Рабочий пример

Надеюсь, что это поможет / поможет вам.

...