Использование ExtJS fieldContainer

Question

Я хочу использовать fieldContainer ниже, мой код для этого ..

Ext.onReady(function () {
    Ext.QuickTips.init();


    var myViewport = new Ext.Viewport({
        layout: 'border',
        border: false,
        renderTo: Ext.getBody(),
        items: [{
            region: 'north',
            xtype: 'panel',
            id: 'north-panel',
            border: false,
            height: 125
        }, {
            region: 'center',
            xtype: 'panel',
            id: 'center-panel',
            border: false,
            items: [{
                xtype: 'fieldcontainer',
                fieldLabel: 'Time worked',
                combineErrors: false,
                layout: 'hbox',
                defaults: {
                    flex: 1,
                    hideLabel: true
                },
                items: [{
                    name: 'hours',
                    xtype: 'textfield',
                    width: 48,
                    allowBlank: false
                }, {
                    name: 'minutes',
                    xtype: 'button',
                    width: 10,
                    text: 'add'
                }]
            }]
        }]
    });

});

Теперь, когда я запускаю этот код, я не вижу текстовое поле или кнопку.

Предложите мнеРешение пожалуйста.

Answer 1

Вы должны использовать fieldcontainer в fieldset.

И поместите макет: 'hbox' в поле.