Extjs 对齐不同的复选框组

对于这些复选框组-

我想让它们看起来像这些复选框组-

以下代码是我到目前为止得到的

{
        xtype: 'fieldset',
        title: 'Add to Descriptors',
        items: [
            {
                xtype: 'checkboxgroup',
                items: [
                    {boxLabel: '1.1', name: ''},
                    {boxLabel: '1.2', name: ''},
                    {boxLabel: '1.3', name: ''},
                    {boxLabel: '1.4', name: ''},
                    {boxLabel: '1.5', name: ''},
                    {boxLabel: '1.6', name: ''}
                ]
            },
            {
                xtype: 'checkboxgroup',
                items: [
                    {boxLabel: '2.1', name: ''},
                    {boxLabel: '2.2', name: ''},
                    {boxLabel: '2.3', name: ''},
                    {boxLabel: '2.4', name: ''},
                    {boxLabel: '2.5', name: ''},
                    {boxLabel: '2.6', name: ''}
                ]
            }
        ]
}

---

需要添加什么？

为了实现它，您需要为所有复选框指定固定的宽度，并且布局应为hbox

外部应用程序{ 名字：“小提琴”， 启动：功能{ Ext.create'Ext.form.Panel'{ 标题：“复选框组”， 车身衬垫：10， renderTo:Ext.getBody， 项目：[{ xtype:“字段集”， 标题：“添加到描述符”， 项目：[{ xtype:“checkboxgroup”， 布局：“hbox”， 默认值：{//默认值应用于项，而不是容器 宽度：75 }, 项目：[{ 盒子标签：“1.1”， 姓名： }, { 盒子标签：“1.2”， 姓名： }, { 盒子标签：“1.3”， 姓名： }, { 盒子标签：“1.4”， 姓名： }, { 盒子标签：“1.5”， 姓名： }, { 盒子标签：“1.6”， 姓名： } ] }, { xtype:“checkboxgroup”， 布局：“hbox”， 默认值：{//默认值应用于项，而不是容器 宽度：75 }, 项目：[{ 盒子标签：“2.1”， 姓名： }, { 盒子标签：“2.2”， 姓名： }, { 盒子标签：“2.3”， 姓名： }, { 盒子标签：“2.4”， 姓名： }, { 盒子标签：“2.5”， 姓名： }, { 盒子标签：“2.6”， 姓名： } ] }, { xtype:“checkboxgroup”， 布局：“hbox”， 默认值：{//默认值应用于项，而不是容器 宽度：75 }, 项目：[{ 盒子标签：“3.1”， 姓名： }, { 盒子标签：“3.2”， 姓名： }, { 盒子标签：“3.3”， 姓名： }, { 盒子标签：“3.4”， 姓名： }, { 盒子标签：“3.5”， 姓名： }, { 盒子标签：“3.6”， 姓名： }, { 盒子标签：“3.7”， 姓名： } ] }, { xtype:“checkboxgroup”， 布局：“hbox”， 默认值：{//默认值应用于项，而不是容器 宽度：75 }, 项目：[{ 盒子标签：“4.1”， 姓名： }, { 盒子标签：“4.2”， 姓名： }, { 盒子标签：“4.3”， 姓名： }, { 盒子标签：“4.4”， 姓名： }, { 盒子标签：“4.5”， 姓名： }, { 盒子标签：“4.6”， 姓名： } ] }, { xtype:“checkboxgroup”， 布局：“hbox”， 默认值：{//默认值应用于项，而不是容器 宽度：75 }, 项目：[{ 盒子标签：“5.1”， 姓名： }, { 盒子标签：“5.2”， 姓名： }, { 盒子标签：“5.3”， 姓名： }, { 盒子标签：“5.4”， 姓名： }, { 盒子标签：“5.5”， 姓名： }, { 盒子标签：“5.6”， 姓名： } ] }, { xtype:“checkboxgroup”， 布局：“hbox”， 默认值：{//默认值应用于项，而不是容器 宽度：75 }, 项目：[{ 盒子标签：“6.1”， 姓名： }, { 盒子标签：“6.2”， 姓名： }, { 盒子标签：“6.3”， 姓名： }, { 盒子标签：“6.4”， 姓名： }, { 盒子标签：“6.5”， 姓名： }, ] }, ] }] }; } };

---

您的图像无法访问。你能检查一下吗。如果可能的话，制作一把小提琴。嗯，这很奇怪，我不明白为什么他们不会。是的，现在我明白了。