Extjs RadioGroup中Radio的切换
2010-09-05 03:42
375 查看
现在用Ext+Struts2开发项目,遇到了一个问题,RadioGroup中的Radio选择了其中一个之后,另一个不能自动的设置为未选中,今天写了个测试程序,终于成功了,把代码贴出来以供本人及同行日后参考。
显示效果如下所示:
Ext.onReady(function(){ Ext.QuickTips.init(); var adminRadio=new Ext.form.Radio({ boxLabel:'管理员', inputValue:'admin', listeners:{ 'check':function(){ //alert(adminRadio.getValue()); if(adminRadio.getValue()){ userRadio.setValue(false); adminRadio.setValue(true); } } } }); var userRadio=new Ext.form.Radio({ boxLabel:'普通用户', inputValue:'user', listeners:{ 'check':function(){ if(userRadio.getValue()){ adminRadio.setValue(false); userRadio.setValue(true); } } } }); var _form=new Ext.form.FormPanel({ renderTo:'login-form', title:'系统登录', frame:true, width:290, height:160, layout:'form', buttonAlign:'center', labelAlign:'center', defaults:{width:160,labelWidth:80,xtype:'textfield'}, items:[ {fieldLabel:'用 户 名',vtype:'alpha',id:'name',name:'name'}, {fieldLabel:'通 行 证',inputType:'password',vtype:'alpha',id:'pass',name:'pass'}, { xtype:'radiogroup', fieldLabel:'用户类型', id:'typeRadio', items:[ adminRadio,userRadio ] } ], buttons:[ {text:'登 录',style:'margin-right:15'}, { text:'清 除', style:'margin-left:15', handler:function(){ var _name=_form.findById('name').setValue(''); var _pass=_form.findById('pass').setValue(''); } } ] }); });
显示效果如下所示:
相关文章推荐
- Extjs RadioGroup中Radio的切换
- Radiogroup+DrawerLayout切换效果
- ExtJs 入门教程九[单选组:RadioGroup、复选组:CheckBoxGroup]
- 主界面的Fragment切换之使用RadioGroup配合切换Fragment
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- ExtJs 入门教程十[单选组:RadioGroup、复选组:CheckBoxGroup]
- RadioGroup+Fragment实现Tab切换
- RadioGroup和Fragment相结合实现点击RadioButton进行Fragment的切换
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- RadioGroup中作为Table时,切换时多次请求onCheckChangeListener
- Android RadioGroup做tab页卡切换时 内部RadioButton错位
- ExtJS 单选按钮组RadioGroup在IE浏览器中显示不出来的问题
- 底部radiogroup+fragment页面改变,radiobutton切换变色或换图片
- 14.TabHosty以及RadioGroup实现微博主页面切换
- android radiogroup样式(设置切换背景与文字颜色)
- ExtJS3.4.0 radioGroup,checkboxgroup 在 getForm().getValues()取值问题的解决方案
- ExtJS 2使用经验(树、表格树、RadioGroup)
- 常用RadioGroup+Fragment点击切换,RadioButton图标设置自己想要的位置及大小
- Extjs radiogroup 获取选中
- Android自定义控件—-RadioGroup实现APP首页底部Tab的切换