Extjs中checkboxgroup有没有按照内容有自由填充,填满就换行

checkboxgroupz中的宽度是设置每个元素的宽度... checkboxgroupz中的宽度是设置每个元素的宽度 展开
 我来答
idollpizza
推荐于2016-06-24 · 超过22用户采纳过TA的回答
知道答主
回答量:51
采纳率:0%
帮助的人:29.9万
展开全部


  1. 给checkboxgroup配置'auto'的layout

  2. checkbox配置额外的样式(inline_checkbox样式所在文件需要在html中引用到)

.inline_checkbox{
display:inline-block !important;
margin-right:10px !important;
}
Ext.create('Ext.window.Window',{
         title:'Sample Form',
         autoShow:true,
         items:[{
         xtype:'form',
         frame:false,
         bodyStyle:{
         background:'#ffc',
         padding:10
         },
         width:400,
         height:300,
         items:[{
         xtype:'checkboxgroup',
         layout:'auto',
         defaults:{
         cls:'inline_checkbox'
         },
         items:[
       拦亮     { boxLabel: 'Item 1 is very long', name: 'rb', inputValue: '1' },
            { boxLabel: 'Item 2 is very very very very long', name: 'rb', inputValue: '2', checked: true },
            { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
            { boxLabel: 'Item 4 is very very long too', name: 'rb', inputValue: '4' },
  简亮宽          { boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
            { boxLabel: 'Item 6', name: 'rb', inputValue: '6' }
        ]
         }]
     键手    }]
        });
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式