javascript - ExtJS，如何在Fieldset中使用hbox

这是我的小提琴

http://jsfiddle.net/8Pqtx/

我的hbox代码在fieldset之外工作

{
    layout: 'hbox',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank: false
    }, {
        fieldLabel: 'Last Name',
        name: 'last'
    }]
}

但是在fieldset内部，它显示了一个没有任何内容的文本框

最佳答案

要获取具有hbox布局的字段，您不能在字段集中应用layout:'hbox'。相反，您可以使用layout:'hbox'将容器创建为字段集中的项目

items: [{
            xtype:'fieldset',
            columnWidth: 0.8,
            title: 'Fieldset 1',
            collapsible: true,
            defaultType: 'textfield',
            defaults: {anchor: '100%'},
            layout: 'anchor',
            items :[{
                layout: 'hbox',
                xtype:"container",
                items: [
                    {
                        xtype:"textfield",
                        fieldLabel: 'First Name',
                        name: 'first',
                        allowBlank: false
                    }, {
                        xtype:"textfield",
                        fieldLabel: 'Last Name',
                        name: 'last'
                    }
                ]
           }]
        }]

供参考：http://jsfiddle.net/hWGYE/2929/

关于javascript - ExtJS，如何在Fieldset中使用hbox，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19901435/