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

Posted 2023-02-26

【中文标题】Extjs-3.4 复选框组指定列中的复选框

【英文标题】：Extjs-3.4 Checkbox in specified column of checkbox group

【发布时间】：2015-11-26 11:50:48

【问题描述】：

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

                    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。

上述情况可能吗？如果有人遇到这种情况，请提供帮助。

【参考方案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'
                   
                 ]