Question

我使用extjs 5创建了一个简单的表单，它有一个页脚栏。我想将工具栏设置为特定宽度，而表单本身应占父容器的100％宽度。

这是一个带有示例表单的jsfiddle：sampleform

我已经玩了一段时间但没有得到解决方案...... 有什么想法吗？

谢谢！

表格代码：

var form = Ext.create('Ext.form.Panel', {
        title : 'Test',
        renderTo : Ext.getBody(),
        defaultType : 'textfield',
        fieldDefaults : {
            labelAlign : 'left',
            labelWidth : 175,
        },
        items : [{
                fieldLabel : 'Field 1'
            }, {
                fieldLabel : 'Field 2'
            }, {
                fieldLabel : 'Field 3'
            }
        ],
        // Reset and Submit buttons
        fbar : {
            layout : {
                width : 300,
                type : 'fit'
            },
            items : [{
                    text : 'Reset'
                }
            ],
        }
    })

Answer 1

在fbar上设置maxWidth：

Ext.require([
    'Ext.form.*']);

Ext.onReady(function () {

    var form = Ext.create('Ext.form.Panel', {
        title: 'Test',
        renderTo: Ext.getBody(),
        defaultType: 'textfield',
        fieldDefaults: {
            labelAlign: 'left',
            labelWidth: 175,
        },
        items: [{
            fieldLabel: 'Field 1'
        }, {
            fieldLabel: 'Field 2'
        }, {
            fieldLabel: 'Field 3'
        }],
        // Reset and Submit buttons
        fbar: {
            maxWidth: 300,
            items: [{
                text: 'Reset'
            }],
        }
    })
});

以extjs 5形式更改页脚工具栏宽度

1 个答案: