Javascript 什么'；在我的表单字段下方直接添加dockedItem的最佳方式是什么？

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

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

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

---

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

---

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

这仅在表单与其内容高度相同时才起作用。问题的关键是我的形式比内容大。在这种情况下，这将生成一个表单，其中字段和工具栏之间出现空白。我想要工具栏下面的空白。为什么工具栏后面的表单末尾需要空白？为窗体指定固定高度并在窗体上设置autoscroll true，因为窗体停靠在更大的布局中，这意味着窗体将填充可用空间。当然，一个解决方案是将窗体包装在一个可拉伸的面板中，但让窗体具有固定的高度。但对我来说，这听起来不雅观，我想知道是否还有其他解决办法。