Question

eextjs3.4 如何让右面的复选框居中？如图，并附有代码，懂的来。

,{ layout:'form', columnWidth:0.2, items:[{ xtype:'fieldset', title:'工作日', style: 'margin-left: 10px;height:265;', items:[{ xtype:'checkbox', boxLabel:'星期日', autoWidth: 'auto' },{ xtype:'checkbox', boxLabel:'星期一', autoWidth: 'auto' },{ xtype:'checkbox', boxLabel:'星期二', autoWidth: 'auto' },{ xtype:'checkbox', boxLabel:'星期三', autoWidth: 'auto' },{ xtype:'checkbox', boxLabel:'星期四', autoWidth: 'auto' },{ xtype:'checkbox', boxLabel:'星期五', autoWidth: 'auto' },{ xtype:'checkbox', boxLabel:'星期六', autoWidth: 'auto' }] }] }

注：外层items为column布局，求高手指导！

Answer 1

试试
{
layout : 'form',
columnWidth : 0.2,
items : [{
xtype : 'fieldset',
title : '工作日',
style : 'margin-left: 10px;height:265;',
//这里begin
layout : {
type : 'hbox',
pack : "center"
},
//这里end
items : [{
//这里begin
xtype : 'checkboxgroup',

columns : 1,
vertical : true,
//这里end
items : [{
xtype : 'checkbox',
boxLabel : '星期日',
autoWidth : 'auto'
}, {
xtype : 'checkbox',
boxLabel : '星期一',
autoWidth : 'auto'
}, {
xtype : 'checkbox',
boxLabel : '星期二',
autoWidth : 'auto'
}, {
xtype : 'checkbox',
boxLabel : '星期三',
autoWidth : 'auto'
}, {
xtype : 'checkbox',
boxLabel : '星期四',
autoWidth : 'auto'
}, {
xtype : 'checkbox',
boxLabel : '星期五',
autoWidth : 'auto'
}, {
xtype : 'checkbox',
boxLabel : '星期六',
autoWidth : 'auto'
}
]
}
]
}
]
}

追问

良心回答，先送上100个赞！

不过现在居左了没有居中，您看还有别的办法吗？

追答

(⊙o⊙)…我在这边测试是居中的啊。。不过我的是4.2版本