复选框组高度太小 - 复选框不可见

Question

我的复选框组的大小不足以显示所有复选框。

这是一个fiddle： https://fiddle.sencha.com/#fiddle/1169

"Show these detail columns" 下面的复选框不完全可见。我想改变它，但我没有发现我的错误。如果我拖动 window 以增加其大小，则会显示复选框，但由于我的 window 将包含越来越多的选项，因此必须在滚动条可见时显示它们。

Answer 1

您的 fieldset 不需要 vbox 布局，复选框组不需要 hbox 布局，因为默认情况下，此组件分别垂直和水平呈现其项目。

Updated fiddle

只需删除此属性，一切都会正常工作：

{
    xtype: 'fieldset',
    title: 'Columns',
    items: [{
        xtype: 'checkboxgroup',
        fieldLabel: 'Show these detail columns',
        labelAlign:'top',
        items:[{
            name:'ShowDetail',
            boxLabel: 'Date',
            inputValue:'time'
        },{
            name:'ShowDetail',
            boxLabel: 'Subject',
            inputValue:'title'
        },{
            name:'ShowDetail',
            boxLabel: 'Author',
            inputValue:'owner'
        },{
            name:'ShowDetail',
            boxLabel: 'First three words',
            inputValue:'content'
        },{
            name:'ShowDetail',
            boxLabel: 'Parent',
            inputValue:'category'
        }]
    }]
}

Answer 2

我不确定 Snecha，但我认为改变这个边距会起作用。我通过更改 jsfiddle

验证了它

defaults:{
        margin:'0 0 10 10'  
    },

至

defaults:{
        margin:'0 0 15 10'
},

复选框组高度太小 - 复选框不可见

Checkboxgroup height too small - Checkboxes not visible

javascript

extjs

extjs6

extjs6-classic