Layout Ext form FieldContainer的文本字段问题

我正在尝试水平创建文本字段。但是，字段宽度和位置都不是预期的。具体而言，区域2 fieldlabel显示在上一个文本字段上。 下面我尝试添加7个文本字段，但在运行时，布局中只有6个文本字段

区域1:| | | | | | | | | | | | |区域2:| | |区域3:|_______________________________|

以下是我的源代码：

{
                        xtype: 'panel',
                        border:true,
                        bodyPadding:5,
                        width :861,
                        layout:'column',
                        items:[ {
                                    xtype       : 'textfield',
                                    fieldLabel  : 'area1',
                                    width       : 100,

                                 },
                                 {
                                    xtype       : 'textfield',
                                    width       :50,
                                },{
                                    xtype       : 'textfield',
                                    width       :50,
                                },{
                                    xtype       : 'textfield',
                                    width       :50,
                                },
                                {
                                    xtype       : 'textfield',
                                    width       :50,
                                },
                                {
                                    xtype       : 'textfield',
                                    fieldLabel  :'area2',
                                    width       :100,
                                },
                                {
                                    xtype       : 'textfield',
                                    fieldLabel  :' area3',
                                    width       :400
                                }

                        ]   
                    }

---

您所追求的布局可以通过以下方式更好地实现：

使用容器（而不是太重的面板）和比列布局更好配置的

hbox

布局

使用字段容器：

---

更进一步-列布局是为什么您只看到六个字段；第七个字段将换行到下一行。列布局不会使容器增长或滚动-如果不够大，后续列将环绕。（你可以通过从861增加容器的宽度来测试这一点-如果它的宽度减少了1个像素，你就得到了包装效果）谢谢你的回答，我尝试使用fieldcontainer，所以这就是我想要的。我试着在你回复之前增加宽度，但它不起作用。textfield中的一个似乎不存在。如果我创建六个字段，将显示五个字段。我不明白。还有一个问题，我可以在一个面板中同时使用水平和垂直文本场制作表单吗？最好是你可以发布一个展示你现在所拥有的内容的展示，是的，表单中可以有任何布局。