extjs CheckboxGroup默认选中问题

<scripttype="text/javascript">Ext.onReady(function(){varport=newExt.Viewport({layout:... <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>
为什么只有最后一个被选中，纠结！！！高手帮帮忙啊展开

 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

jcapricorn
推荐于2016-04-18 · 超过35用户采纳过TA的回答

知道答主

回答量：88

采纳率：0%

帮助的人：105万

我也去答题访问个人页

关注

展开全部

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
                    });