Question

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

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

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

Answer 1

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

只需删除此属性即可正常使用：

{
    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'
},

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

2 个答案: