Question

我正在使用ExtJS-3.4，其中我需要显示带有9个复选框的复选框组，并且我能够在带有两列的checkboxgroups中显示复选框。两个列控件（复选框）在checkboxgroup列中自动分发。

{
                    xtype:'checkboxgroup',
                    id:'randomId',
                    fieldLabel: 'CheckboxGroupLabel',
                    autoScroll:false,
                    labelSeparator : '',
                    columns: 2,
                    items: [
                      {
                        boxLabel: "CB1", 
                        name: "CB1".toLowerCase(),
                        id:'CheckBoxId1'
                       }
                      .....
                       {
                        boxLabel: "CB9", 
                        name: "CB9".toLowerCase(),
                        id:'CheckBoxId9'
                       }
                     ]
}

现在我需要在checkboxgroup的第1列中显示checkbox1到checkbox6 从checkboxgroup的第2列中的checkbox7到checkbox9。

以上情况是否可能？如果有人碰到这种情况，请帮助解决这个问题。

Answer 1

我通过使用vertical配置和一些隐形虚拟复选框实现了这一目标：

                vertical: true,
                items: [
                  {
                    boxLabel: "CB1", 
                    name: "CB1".toLowerCase(),
                    id:'CheckBoxId1'
                   }
                  .....
                   {
                    boxLabel: "CB9", 
                    name: "CB9".toLowerCase(),
                    id:'CheckBoxId9'
                   },
                   {
                    style:'visibility:hidden'
                   },
                   {
                    style:'visibility:hidden'
                   },
                   {
                    style:'visibility:hidden'
                   }
                 ]

Extjs-3.4复选框组的指定列中的复选框

1 个答案: