在我的表单字段正下方添加停靠项的最佳方法是啥？

Posted 2023-02-26

【中文标题】在我的表单字段正下方添加停靠项的最佳方法是啥？

【英文标题】：What's the best way to add a dockedItem directly below my form fields?在我的表单字段正下方添加停靠项的最佳方法是什么？

【发布时间】：2012-10-30 11:59:01

【问题描述】：

标题中的关键词是直接。我不希望我的停靠项目出现在表单面板的底部，因此我的字段和停靠项目之间存在空间。我希望额外的空间位于我的停靠项下方。

【参考方案1】：

尝试在表单项中添加工具栏

var frm = Ext.create('Ext.form.Panel', 
    width: 350,
    items : [
        xtype : 'textfield',
        fieldLabel:'textfld1'
    ,
        xtype:'toolbar',
        items: [
            text : 'btn1'
        ,
            text : 'btn2'
        ]
    ]
);

【讨论】：

仅当表单与其内容高度相同时才有效。问题的重点是我的形式大于内容。在这种情况下，这将产生一个表单，其中空白区域位于字段和工具栏之间。我想要工具栏下方的空白区域。

为什么在工具栏后的表格末尾需要空格？为表单提供固定高度并在表单上设置自动滚动为真

因为表单停靠在较大的布局中，这意味着表单填满了可用空间。一个解决方案当然是将表单包裹在一个可伸展的面板中，但让表单具有固定的高度。但对我来说，这听起来不优雅，我想知道是否有其他解决方案。

【参考方案2】：

我认为我试图使用错误的工具来完成正确的工作。基本上，如果我要对接的东西，它应该漂浮到它所停靠的容器的边缘。这是对接概念的一部分。我想要的是我的按钮不应该那样浮动。因此我不应该停靠我的按钮。

因此，解决方案是将按钮添加到表单本身而不是停靠它们。