Question

extjs CheckboxGroup默认选中问题

<script type="text/javascript">
Ext.onReady(function() {
var port = new Ext.Viewport({
layout: 'border',
items: [chkEditDomain],
cls: "inner-viewport",
listeners: {
render: function() {
Ext.getCmp("itemsid0").setValue("211", true);
Ext.getCmp("itemsid0").setValue("212", true);
Ext.getCmp("itemsid0").setValue("213", true);
Ext.getCmp("itemsid0").setValue("214", true);
}
}
});
});
var chkEditDomain = new Ext.form.CheckboxGroup({
xtype: 'checkboxgroup',
fieldLabel: '测试',
name: 'chkEditDomain',
allowBlank: false,
id: 'itemsid0',
width: 200,
columns: 4,
items: [
{ boxLabel: 'IND', name: 'IND', id: '211', inputValue: '5' },
{ boxLabel: 'CE', name: 'CE', id: '212', inputValue: '6' },
{ boxLabel: 'SC', name: 'SC', id: '213', inputValue: '8' },
{ boxLabel: 'FA', name: 'FA', id: '214', inputValue: '7' }
]
});

</script>
为什么只有最后一个被选中，纠结！！！高手帮帮忙啊

Answer 1

Ext.onReady(function() {
var port = new Ext.Viewport({
layout: 'border',
items: [chkEditDomain],
cls: "inner-viewport",
listeners: {
render: function() {
// Ext.getCmp("itemsid0").setValue("211", true);
// Ext.getCmp("itemsid0").setValue("212", true);
// Ext.getCmp("itemsid0").setValue("213", true);
// Ext.getCmp("itemsid0").setValue("214", true);
}
}
});
});
var chkEditDomain = new Ext.form.CheckboxGroup({
xtype: 'checkboxgroup',
fieldLabel: '测试',
name: 'chkEditDomain',
allowBlank: false,
id: 'itemsid0',
width: 200,
columns: 4,
items: [
{ boxLabel: 'IND', name: 'IND', id: '211', inputValue: '5', checked:true },
{ boxLabel: 'CE', name: 'CE', id: '212', inputValue: '6' ,checked:true},
{ boxLabel: 'SC', name: 'SC', id: '213', inputValue: '8' ,checked:true},
{ boxLabel: 'FA', name: 'FA', id: '214', inputValue: '7' ,checked:true}
]
});

这样行吗？

追问

直接加checked:true属性可以，但是我是根据数据库中的条件来判断是否被选中的

追答

Ext.onReady(function() {
var port = new Ext.Viewport({
layout: 'border',
items: [chkEditDomain],
cls: "inner-viewport",
listeners: {
render: function() {
Ext.getCmp("itemsid0").setValue([true, true,true,true]);
// Ext.getCmp("itemsid0").setValue("212", true);
// Ext.getCmp("itemsid0").setValue("213", true);
// Ext.getCmp("itemsid0").setValue("214", true);

}
}
});
});
var chkEditDomain = new Ext.form.CheckboxGroup({
xtype: 'checkboxgroup',
fieldLabel: '测试',
name: 'chkEditDomain',
allowBlank: false,
id: 'itemsid0',
width: 200,
columns: 4,
items: [
{ boxLabel: 'IND', name: 'IND', id: '211', inputValue: '5' },
{ boxLabel: 'CE', name: 'CE', id: '212', inputValue: '6' },
{ boxLabel: 'SC', name: 'SC', id: '213', inputValue: '8' },
{ boxLabel: 'FA', name: 'FA', id: '214', inputValue: '7'}
]
});

这样吧，应该OK了。
你的写法应该是每次覆盖上次的赋值，所以只有最后一个OK。个人理解。
这个也行：
Ext.getCmp("itemsid0").setValue({
'211':true,
'212':true,
'213': false,
'214': true
});