EXT中使用复选框(2011-09-08)

《EXT中使用复选框(2011-09-08)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、复选框checkBox,单选框radioBox。CheckboxGroup如果在formPanel中使用了checkBox,radioBox时，在提交表单时使用formPanel.getForm().submit()来提交数据时，如果单选框和复选框未选中时，则extjs是不会提交这些控件的。在postdata中根本就不存在这些控件的任何影子。可以通过firebug来查看提交的数据。Java代码1varcheckboxgroup_temp=newExt.form.CheckboxGroup({2id:'myGroup',3xtype:'c

2、heckboxgroup',4fieldLabel:'多选',5itemCls:'x-check-group-alt',6//Putallcontrolsinasinglecolumnwithwidth100%7columns:1,89items:[{10layout:'column',11items:[12{boxLabel:'Item1',name:'cb-col-1'},13{boxLabel:'Item2',name:'cb-col-2',checked:true},14{boxLabel:'Item3',name:'cb-co

3、l-3'}1]2},{3layout:'column',4items:[5{boxLabel:'Item1',name:'cb-col-1'},6{boxLabel:'Item2',name:'cb-col-2',checked:true},7{boxLabel:'Item3',name:'cb-col-3'}8]9}]1011});myCheckboxGoup是一个Checkbox组件的集合,对每一个Checkbox项的访问，可能过myCheckboxGroup.items.get(i)定位到Checkbox然后查看属性值例如myCh

4、eckboxGroup.items.get(i).inputValue如果这种方法没有效果可以尝试用这样的方法myCheckboxGroup.setValue('cb-col-1',true);//设置name为cb-col-1的checked为true即表选中Java代码1varfield_newspwap_3=newExt.form.FieldSet({2title:'用户角色分配',3autoHeight:true,4collapsible:true,5id:'field_newspwap_3',6items:[{7layout:

5、'column',8defaults:{9hideLabels:true,10layout:'form'11},12items:[{13columnWidth:.0114},{15columnWidth:.33,16items:[newExt.form.Checkbox({17boxLabel:'计费系统',1name:'userRole.roleIdStr',2inputValue:10,3checked:true4})]5},{6columnWidth:.33,7items:[newExt.form.Checkbox({8boxLa

6、bel:'演示系统',9name:'userRole.roleIdStr',10inputValue:11,11checked:true12//disabled:true13})]14},{15columnWidth:.33,16items:[newExt.form.Checkbox({17boxLabel:'风格',18name:'userRole.roleIdStr',19inputValue:12,20checked:true21//disabled:true22})]1}]2}]3456});'userRole.roleIdSt

7、r'是映射你后台的数据类和属性。后台得到的值是：11,12,13提交上一数据JSJava代码7varfrm_newspwap=newExt.FormPanel({8margins:'5555',9id:'frm_newspwap',10frame:true,11title:'新增用户',12labelAlign:'left',13labelWidth:160,14region:'center',15autoScroll:true,16//bodyStyle:'overflow-x:auto;',17items:[field_newspw

8、ap_3],1buttonAlign:'center',2buttons:[{3text:'保存',4xtype:'easyButton',5handler:function(){//保存操作6if(frm