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

Question

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

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

“显示这些详细信息列”下面的复选框不完全可见。我想改变这一点，但我没有发现我的错误。如果我拖动窗口以增加其大小，则会显示复选框，但由于我的窗口将包含越来越多的选项，因此必须在滚动条可见时显示它们。

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'
        }]
    }]
}