Extjs Ext Js如何按行和列对文本字段进行分组？

我想按列和行对文本字段进行分组，我已尝试使用布局类型“table”，但我无法对文本字段进行分组，我需要如下内容，请帮助我，我对Ext jS完全陌生，提前感谢

              column 1           column 2              column 3

 Row 1     Name: textfield     RollNo: textfield     Language: textfield
 Row 2     Age:  textfield     Ph: textfield         Class: textfield        
 Row 3     ID:   textfield     Email: textfield      Class: textfield 

---

有多种方法可以实现这一点，但您可以做的是将主窗体的布局设置为水平框，而不是添加3个容器或使用3个容器，并在其中将布局设置为默认或垂直。您还可以使用配置来正确定位字段

您始终可以添加更多容器并使用它们的布局

也可以尝试使用表布局

我个人使用Sencha Architect，因此使用hbox和vbox布局创建此类表单的速度要快得多

看看这把小提琴：

---

您正在使用哪个ExtJS版本和框架类型？ExtJS 6.2 classic还是什么？@pagep Im使用ExtJS版本6.2和classic。

Ext.define('MyApp.view.MyForm', {
    extend: 'Ext.form.Panel',
    alias: 'widget.myform',

    requires: [
        'Ext.form.FieldContainer',
        'Ext.form.field.Text'
    ],

    bodyPadding: 10,
    title: 'My Form',

    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    items: [
        {
            xtype: 'fieldcontainer',
            flex: 1,
            height: 120,
            items: [
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                }
            ]
        },
        {
            xtype: 'fieldcontainer',
            flex: 1,
            height: 120,
            items: [
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                }
            ]
        },
        {
            xtype: 'fieldcontainer',
            flex: 1,
            height: 120,
            items: [
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                },
                {
                    xtype: 'textfield',
                    fieldLabel: 'Label'
                }
            ]
        }
    ]

});