kidiaoer
- 浏览: 809978 次
- 性别:
- 来自: 深圳
-
文章分类
- 全部博客 (488)
- struts1 (4)
- spring (13)
- extjs (36)
- mysql (3)
- sqlserver (2)
- oracle (37)
- 杂谈 (11)
- 面试相关 (35)
- Java基础知识总结 (5)
- Java重要知识点 线程和io流知识点 (6)
- 服务器相关 (1)
- 生活 (1)
- jsp (7)
- servlet (2)
- junit (3)
- struts2 (9)
- 开发必备 (4)
- 使用开发工具总结的知识 (4)
- ibatis (12)
- ajax (2)
- dwr (2)
- jquery (1)
- 设计模式 (4)
- Lucene的学习 (5)
- 经验总结 (19)
- mysql全文搜索相关 (7)
- hibernate (33)
- Sphinx (1)
- log4j的总结 (1)
- 敏捷开发 (9)
- 持续集成 (15)
- UML使用总结 (1)
- Scrum (1)
- OO(面向对象编程) (1)
- struts1和struts2总结 (1)
- 数据库加密 (1)
- 多线程和Socket编程 (6)
- PowerDesigner (2)
- 权限相关 (1)
- ant应用总结 (4)
- 面试必知知识点总结 (6)
- io流与nio流总结 面试相关 (1)
- 敏捷管理工具的使用 (7)
- hsqldb相关 (1)
- svn源码相关 (2)
- debug调试技巧总结 (1)
- hibernate和ibatis对比相关 (6)
- eclipse mylyn 插件的使用总结 (2)
- fisheye使用总结 (2)
- java泛型总结 (1)
- ssh整合总结 (10)
- SpringSide的学习总结 (1)
- JPA学习总结 (2)
- RoR 总结 (2)
- 模型驱动 总结 (1)
- Oracle SQL优化技巧 (4)
- 数据库相关资料 (1)
- oracle练习相关 (4)
- PowerDesigner 使用总结 (2)
- Struts实现国际化相关 (2)
- 权限框架 Spring Security (1)
- freemarker使用总结 (1)
- jsp servlet总结相关 (3)
- Java NIO总结 (1)
- 自己学习必须 (3)
- 蝴蝶容器相关 (2)
- eclipse插件的使用 (1)
- myeclipse的使用 (1)
- flex相关 (1)
- javaeye重生后总结的知识点 (2)
- 公司学习总结 (3)
- JAXB 相关 (1)
- ECSide (1)
- EdoJs 企业ajax框架 (1)
- RSA加密算法 (1)
- jbpm相关 (1)
- JMF原理 (1)
- MyEclipse使用总结 (1)
- Funsion Charts 相关总结 (3)
- 常用知识2011 (2)
- Flex与Java整合 (1)
- IBM WebSphere相关 (1)
- jQuery使用技巧 (2)
- 2011年面试相关知识点总结 (2)
- sqlserver开发相关 (8)
- eclipse 打jar相关 (2)
- Oracle/Mysql/SqlServer比较 (1)
- WebService Axis1.4开发相关 (4)
- 进制数的转换 总结 (1)
- WebService Axis2.0开发相关 (0)
- iteye Struts2 Spring Hibernate整合相关 (3)
- iteye osgi资料相关总结 (1)
- iteye ifos相关相关 (1)
- iteye 国际化相关 (1)
- iteye Hibernate缓存机制 (4)
- iteye Struts2 总结 (1)
- iteye Struts标签总结 (0)
- iteye web配置文件大全 (6)
- iteye Efs 框架总结 (1)
- iteye sql优化 (2)
- iteye 大数据量高并发的数据库优化 (1)
- iteye 开发相关 (1)
- iteye s1sh 和 s2sh整合中的问题以及解决 (1)
- iteye s1sh整合实例 (1)
- iteye s2sh整合实例 (1)
- iteye 面试相关 基础篇 (1)
- iteye Android相关 (1)
- iteye 面试相关 Web篇 (1)
- iteye Sql Server相关 (0)
- iteye struts1与struts2比较 (1)
- iteye jquery 和Struts2 (0)
- iteye struts2与其他插件整合 (0)
- iteye jquery 开发相关 (1)
- iteye eclipse结合spket(Ext,Jquery)开发相关 (0)
- iteye myeclipse 使用技巧相关 (0)
- iteye Memcached 缓存系统相关 (0)
- iteye 常用软件相关 (0)
- iteye 最新技术预览 AjaxSwing (0)
- iteye struts上传下载相关 (0)
- iteye 新技术相关 (0)
- test (0)
- iteye 开发Java游戏相关 (0)
- iteye Java反编译 (0)
- iteye XML解析相关 (0)
- iteye 压缩ZIP相关 (0)
- iteye 面试相关 (0)
- iteye Android开发相关 (4)
- csdn (0)
- e-inoc (0)
- iteye http错误码对应说明 (0)
- iteye 面试扩展知识点 (0)
- iteye oracle面试相关 存储过程，触发器,游标等 (0)
- iteye english study (0)
- iteye starflow工作流引擎 (0)
- iteye IBM WebSphere Application Server Toolkit使用相关 (0)
- iteye spring3 (0)
- iteye mybatis (0)
- iteye js技巧总结 (0)
- iteye SEO优化相关 (2)
- iteye QUI网页界面集成框架 (1)
- iteye AjaxAnywhere (1)
- iteye Nutz相关 (1)
- iteye ibatis技巧 (0)
- iteye dwz (0)
- 128个ajax/javascript框架 (0)
- iteye 2012 Java Swing教程 (1)
- iteye 码头集装箱相关 (1)
- iteye swing (2)
- 兼职工作 (0)
- 2012 新总结的面试相关知识点 常用知识点 (1)
- 淘宝网店相关 (0)
- oracle 常用函数 2012新总结 (1)
- 我的时尚潮流屋 (0)
- 2012 年 面试新总结知识 (1)
- 技巧 (1)
- 2013总结 (1)
- 2015工作相关 (3)
- springmvc (5)
- EasyPR-Java (1)
- java (2)
- editplus 4.0 注册码 (1)
- android (1)
- oracle连接数据库相关 (1)
- 编程资料总结 (2)
- 20160808 (1)
- visio 2013 (1)
最新评论
-
drew926：
泛型的类型参数可以有多个？这是java哪个版本支持的？
java泛型总结 -
listenan：
赞！非常感谢。
Scrum总结 -
cwscwj：
写的很深刻，谢谢，看了一遍，过段时间打算再看一遍。
Scrum总结 -
hwedwin：
w
Struts 2中的OGNL\EL的使用总结 -
lanni2460：
不错 很好 支持……
sqlserver三个驱动包下载
Checkbox与RadioGroup的使用方法
没错！是Checkbox与RadioGroup而不是Checkbox与Radio。
Ex提供的Checkbox与Radio，在控件同名成组时，例如将性别的男与女两个Radio控件都使用sex作为名称时，findField方法只能获取第一个控件，setValue也只能设置第一个控件，这样就造成了如果要使用Form的Load方式加载编辑数据或者用SetValues加载编辑数据时出现问题。要解决这个问题，第一种方法是定义名称不同的控件；第二种方法是控件名称相同，在加载编辑数据时手动处理控件状态。第一种方法对Checkbox问题不是太大，因为各Checkbox之间没关联。但是Radio就不同，彼此间是关联，例如性别选择男了，那女须为未选择状态，这个在名称相同时，会自动处理，不需要写多余代码，但是名称不同，则要通过check事件去修改其它控件的状态。第二种方法存在问题是，Checkbox同名，要获取第一个控件后的控件比较困难，要处理也困难。基于以上原因，笔者习惯的做法是Checkbox使用不同名的定义方法，Radio使用Ext官方论坛用户vtswingkid开发的Ext.ux.RadioGroup扩展代替。
Ext.ux.RadioGroup在的下载地址是：http://extjs.com/forum/showthread.php?t=23250。
Checkbox在定义时必须使用ColumnLayout，第一列的控件有标签，后续列的控件则隐藏标签。不然，会很难实现习惯的Checkbox对齐方式。Ext.ux.RadioGroup在扩展的同时已经处理好对齐问题了，所以不必象Checkbox那样使用ColumnLayout。
Checkbox的主要配置参数请看表1。
表1 Checkbox主要配置参数
配置参数
描述
boxLabel
在复选框后显示的文本
checked
值为true表示初始状态为已选，false则表示未选，默认值是false
disabled
值为true表示初始状态为禁止使用，false则表示可以使用，默认值是false
fieldLabel
控件标签
hideLabel
值为true表示隐藏标签，false则显示，默认值是true
labelSeparator
标签分隔符
inputValue
Checkbox的实际提交值。如果不设置该值，无论value设置为什么值，Checkbox提交值都为“on”，
msgTarget
错误信息显示位置，默认值是qtip，详细信息请看Form校验与错误信息显示一节
name
控件名称
readOnly
值为true则表示初始状态为只读，false则表示可写，默认值为false，不推荐使用该值设置只读，因为设置后不允许再修改，如果要设置只读属性，请参考本书第7章编辑控件只读插件一节
tabIndex
键盘tab键移动时的索引
Ext.ux.RadioGroup的主要配置参数请看表2。
表2 Ext.ux.RadioGroup主要配置参数
配置参数
描述
fieldLabel
控件标签
name
控件名称
horizontal
值为true则表示Radio选项水平排列，false则表示垂直排列，默认值为false
radios
Radio选项组成的数组
radios子项配置：value
Radio选项正式值
radios子项配置：checked
值为true则表示已选，false则表示未选，默认值是false
radios子项配置：boxLabel
在单选框后显示的文本
Checkbox与RadioGroup的使用方法请看例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html debug='true'>
<head>
<title>Checkbox与RadioGroup例子</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../lib/ext/ext-base.js"></script>
<script type="text/javascript" src="../lib/ext/ext-all.js"></script>
<script type="text/javascript" src="../lib/ext/radiogroup.js"></script>
<script type="text/javascript" src="../lib/ext/locale/ext-lang-zh_CN.js"></script>
<style>
</style>
</head>
<body>
<h1 style="margin:20px 0px 0px 20px;">第4章 Checkbox与RadioGroup例子</h1>
<br />
<div style="padding-left:20px;">
<p>
<div id="form1"></div><br>
<div >执行操作：</div>
<textarea id='op' rows="10" style="width:800px;"></textarea>
</p>
<br />
</div>
<script>
var app={};
Ext.onReady(function(){
var frm = new Ext.form.FormPanel({
applyTo: "form1",
autoHeight: true,
width: 860,
height:300,
frame: true,
labelWidth:80,
labelSeparator:"：",
title:'Checkbox与RadioGroup例子',
items:[
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'fieldset',title:'控件名不同',height:110,items:[
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'checkbox',fieldLabel:'角色',boxLabel:'系统管理员',name:'role1',anchor:'100%'}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'经理',name:'role2',anchor:'100%'}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'普通用户',name:'role3',anchor:'100%'}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'选择“系统管理员”',scope:this,
handler:function(){
frm.form.findField('role1').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role1').setValue('true')\n";
}
}
]},
{columnWidth:.4,layout: 'form',border:false,items: [
{xtype:'button',text:'不选择“系统管理员”',scope:this,
handler:function(){
frm.form.findField('role1').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role1').setValue('false')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'选择“经理”',scope:this,
handler:function(){
frm.form.findField('role2').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role2').setValue('true')\n";
}
}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'不选择“经理”',scope:this,
handler:function(){
frm.form.findField('role2').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role2').setValue('false')\n";
}
}
]},
{columnWidth:.4,layout: 'form',border:false,items: [
{xtype:'button',text:'选择“普通用户”',scope:this,
handler:function(){
frm.form.findField('role3').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role3').setValue('true')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'不选择“普通用户”',scope:this,
handler:function(){
frm.form.findField('role3').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role3').setValue('false')\n";
}
}
]}
]}
]}
]},
{columnWidth:.5,bodyStyle:'padding: 0 0 0 5px',layout:'form',border:false,items: [
{xtype:'fieldset',title:'控件名相同',height:110,items:[
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'checkbox',fieldLabel:'角色2',boxLabel:'系统管理员',name:'role',anchor:'90%',inputValue:"系统管理员"}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'经理',name:'role',anchor:'90%',inputValue:"经理"}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'普通用户',name:'role',anchor:'90%',inputValue:"普通用户"}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'findField("role")',scope:this,
handler:function(){
var obj=frm.form.findField('role');
Ext.get('op').dom.value+="执行：var obj=frm.form.findField('role')\n"+
'obj.inputValue：'+obj.inputValue+'\n';
}
}
]},
{columnWidth:.4,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('true')",scope:this,
handler:function(){
frm.form.findField('role').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role').setValue('true')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('false')",scope:this,
handler:function(){
frm.form.findField('role').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role').setValue('false')\n";
}
}
]}
]}
]}
]}
]},
{xtype:'fieldset',title:'RadioGroup',height:60,items:[
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'ux-radiogroup',
fieldLabel:'性别',
name:'sex',
horizontal:true,
radios:[{
value:'男',
checked:true,
boxLabel:'男'
}, {
value:'女',
boxLabel:'女'
}]
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('男')",scope:this,
handler:function(){
frm.form.findField('sex').setValue('男');
Ext.get('op').dom.value+="执行：frm.form.findField('sex').setValue('男')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('女')",scope:this,
handler:function(){
frm.form.findField('sex').setValue('女');
Ext.get('op').dom.value+="执行：frm.form.findField('sex').setValue('女')\n";
}
}
]}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'button',text:"form.setValues({role1:true,role:true,sex:'男'})",scope:this,
handler:function(){
frm.form.setValues({role1:true,role:true,sex:'男'});
Ext.get('op').dom.value+="执行：frm.form.setValues({role1:true,role:true,sex:'男'})\n";
}
}
]},
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'button',text:"form.getValues()",scope:this,
handler:function(){
Ext.get('op').dom.value+="执行：frm.form.getValues()\n"
+'结果：'+Ext.encode(frm.form.getValues())+'\n';
}
}
]}
]}
],
buttons: [{
text: '保存',
scope:this,
handler:function(){
if(frm.form.isValid()){
frm.form.doAction('submit',{
url:'form.ashx',
method:'post',
params:'',
success:function(form,action){
Ext.Msg.alert('操作',action.result.data);
},
failure:function(){
//Ext.Msg.alert('操作','保存失败！');
}
});
}
}
},{
text: '取消',
scope:this,
handler:function(){frm.form.reset();}
}]
});
})
</script>
</body>
</html>
没错！是Checkbox与RadioGroup而不是Checkbox与Radio。
Ex提供的Checkbox与Radio，在控件同名成组时，例如将性别的男与女两个Radio控件都使用sex作为名称时，findField方法只能获取第一个控件，setValue也只能设置第一个控件，这样就造成了如果要使用Form的Load方式加载编辑数据或者用SetValues加载编辑数据时出现问题。要解决这个问题，第一种方法是定义名称不同的控件；第二种方法是控件名称相同，在加载编辑数据时手动处理控件状态。第一种方法对Checkbox问题不是太大，因为各Checkbox之间没关联。但是Radio就不同，彼此间是关联，例如性别选择男了，那女须为未选择状态，这个在名称相同时，会自动处理，不需要写多余代码，但是名称不同，则要通过check事件去修改其它控件的状态。第二种方法存在问题是，Checkbox同名，要获取第一个控件后的控件比较困难，要处理也困难。基于以上原因，笔者习惯的做法是Checkbox使用不同名的定义方法，Radio使用Ext官方论坛用户vtswingkid开发的Ext.ux.RadioGroup扩展代替。
Ext.ux.RadioGroup在的下载地址是：http://extjs.com/forum/showthread.php?t=23250。
Checkbox在定义时必须使用ColumnLayout，第一列的控件有标签，后续列的控件则隐藏标签。不然，会很难实现习惯的Checkbox对齐方式。Ext.ux.RadioGroup在扩展的同时已经处理好对齐问题了，所以不必象Checkbox那样使用ColumnLayout。
Checkbox的主要配置参数请看表1。
表1 Checkbox主要配置参数
配置参数
描述
boxLabel
在复选框后显示的文本
checked
值为true表示初始状态为已选，false则表示未选，默认值是false
disabled
值为true表示初始状态为禁止使用，false则表示可以使用，默认值是false
fieldLabel
控件标签
hideLabel
值为true表示隐藏标签，false则显示，默认值是true
labelSeparator
标签分隔符
inputValue
Checkbox的实际提交值。如果不设置该值，无论value设置为什么值，Checkbox提交值都为“on”，
msgTarget
错误信息显示位置，默认值是qtip，详细信息请看Form校验与错误信息显示一节
name
控件名称
readOnly
值为true则表示初始状态为只读，false则表示可写，默认值为false，不推荐使用该值设置只读，因为设置后不允许再修改，如果要设置只读属性，请参考本书第7章编辑控件只读插件一节
tabIndex
键盘tab键移动时的索引
Ext.ux.RadioGroup的主要配置参数请看表2。
表2 Ext.ux.RadioGroup主要配置参数
配置参数
描述
fieldLabel
控件标签
name
控件名称
horizontal
值为true则表示Radio选项水平排列，false则表示垂直排列，默认值为false
radios
Radio选项组成的数组
radios子项配置：value
Radio选项正式值
radios子项配置：checked
值为true则表示已选，false则表示未选，默认值是false
radios子项配置：boxLabel
在单选框后显示的文本
Checkbox与RadioGroup的使用方法请看例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html debug='true'>
<head>
<title>Checkbox与RadioGroup例子</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../lib/ext/ext-base.js"></script>
<script type="text/javascript" src="../lib/ext/ext-all.js"></script>
<script type="text/javascript" src="../lib/ext/radiogroup.js"></script>
<script type="text/javascript" src="../lib/ext/locale/ext-lang-zh_CN.js"></script>
<style>
</style>
</head>
<body>
<h1 style="margin:20px 0px 0px 20px;">第4章 Checkbox与RadioGroup例子</h1>
<br />
<div style="padding-left:20px;">
<p>
<div id="form1"></div><br>
<div >执行操作：</div>
<textarea id='op' rows="10" style="width:800px;"></textarea>
</p>
<br />
</div>
<script>
var app={};
Ext.onReady(function(){
var frm = new Ext.form.FormPanel({
applyTo: "form1",
autoHeight: true,
width: 860,
height:300,
frame: true,
labelWidth:80,
labelSeparator:"：",
title:'Checkbox与RadioGroup例子',
items:[
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'fieldset',title:'控件名不同',height:110,items:[
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'checkbox',fieldLabel:'角色',boxLabel:'系统管理员',name:'role1',anchor:'100%'}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'经理',name:'role2',anchor:'100%'}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'普通用户',name:'role3',anchor:'100%'}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'选择“系统管理员”',scope:this,
handler:function(){
frm.form.findField('role1').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role1').setValue('true')\n";
}
}
]},
{columnWidth:.4,layout: 'form',border:false,items: [
{xtype:'button',text:'不选择“系统管理员”',scope:this,
handler:function(){
frm.form.findField('role1').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role1').setValue('false')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'选择“经理”',scope:this,
handler:function(){
frm.form.findField('role2').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role2').setValue('true')\n";
}
}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'不选择“经理”',scope:this,
handler:function(){
frm.form.findField('role2').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role2').setValue('false')\n";
}
}
]},
{columnWidth:.4,layout: 'form',border:false,items: [
{xtype:'button',text:'选择“普通用户”',scope:this,
handler:function(){
frm.form.findField('role3').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role3').setValue('true')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'不选择“普通用户”',scope:this,
handler:function(){
frm.form.findField('role3').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role3').setValue('false')\n";
}
}
]}
]}
]}
]},
{columnWidth:.5,bodyStyle:'padding: 0 0 0 5px',layout:'form',border:false,items: [
{xtype:'fieldset',title:'控件名相同',height:110,items:[
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'checkbox',fieldLabel:'角色2',boxLabel:'系统管理员',name:'role',anchor:'90%',inputValue:"系统管理员"}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'经理',name:'role',anchor:'90%',inputValue:"经理"}
]},
{columnWidth:.25,layout: 'form',border:false,items: [
{xtype:'checkbox',hideLabel:true,boxLabel:'普通用户',name:'role',anchor:'90%',inputValue:"普通用户"}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:'findField("role")',scope:this,
handler:function(){
var obj=frm.form.findField('role');
Ext.get('op').dom.value+="执行：var obj=frm.form.findField('role')\n"+
'obj.inputValue：'+obj.inputValue+'\n';
}
}
]},
{columnWidth:.4,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('true')",scope:this,
handler:function(){
frm.form.findField('role').setValue('true');
Ext.get('op').dom.value+="执行：frm.form.findField('role').setValue('true')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('false')",scope:this,
handler:function(){
frm.form.findField('role').setValue('false');
Ext.get('op').dom.value+="执行：frm.form.findField('role').setValue('false')\n";
}
}
]}
]}
]}
]}
]},
{xtype:'fieldset',title:'RadioGroup',height:60,items:[
{layout:'column',border:false,items:[
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'ux-radiogroup',
fieldLabel:'性别',
name:'sex',
horizontal:true,
radios:[{
value:'男',
checked:true,
boxLabel:'男'
}, {
value:'女',
boxLabel:'女'
}]
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('男')",scope:this,
handler:function(){
frm.form.findField('sex').setValue('男');
Ext.get('op').dom.value+="执行：frm.form.findField('sex').setValue('男')\n";
}
}
]},
{columnWidth:.3,layout: 'form',border:false,items: [
{xtype:'button',text:"setValue('女')",scope:this,
handler:function(){
frm.form.findField('sex').setValue('女');
Ext.get('op').dom.value+="执行：frm.form.findField('sex').setValue('女')\n";
}
}
]}
]}
]},
{layout:'column',border:false,items:[
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'button',text:"form.setValues({role1:true,role:true,sex:'男'})",scope:this,
handler:function(){
frm.form.setValues({role1:true,role:true,sex:'男'});
Ext.get('op').dom.value+="执行：frm.form.setValues({role1:true,role:true,sex:'男'})\n";
}
}
]},
{columnWidth:.5,layout: 'form',border:false,items: [
{xtype:'button',text:"form.getValues()",scope:this,
handler:function(){
Ext.get('op').dom.value+="执行：frm.form.getValues()\n"
+'结果：'+Ext.encode(frm.form.getValues())+'\n';
}
}
]}
]}
],
buttons: [{
text: '保存',
scope:this,
handler:function(){
if(frm.form.isValid()){
frm.form.doAction('submit',{
url:'form.ashx',
method:'post',
params:'',
success:function(form,action){
Ext.Msg.alert('操作',action.result.data);
},
failure:function(){
//Ext.Msg.alert('操作','保存失败！');
}
});
}
}
},{
text: '取消',
scope:this,
handler:function(){frm.form.reset();}
}]
});
})
</script>
</body>
</html>
分享到：
发表评论
-
Ext 文档相关
2010-11-22 12:55 1046Ext 文档相关 -
Ext3.2中文API(最终完成版2010-10-25)
2010-11-15 10:25 1529Ext3.2中文API(最终完成版2010-10-25).CH ... -
Ext.data.Connection
2010-08-28 23:11 1066Ext.data.Connection Ext.data.C ... -
EXt tree 简单增、删、改、查
2010-08-26 17:43 1830EXt tree 简单增、删、改、查 js: E ... -
Extjs总结
2010-08-23 17:07 2159ExtJS是一个用javascript写的，主要用于创建前端用 ... -
在Struts2.0中使用JSON结合DWR和EXT
2010-08-23 08:24 1644在Struts2.0中使用JSON结合DWR和EXT 如 ... -
搭建EXTJS和STRUTS2框架(ext和struts2简单实例)
2010-08-23 08:17 1075新建一个工程struts2工程teaweb(因为现在所做的项目 ... -
EditorGridPanel中ComboBox显示问题?
2010-08-19 23:52 1497function getConsumerUnit(value) ... -
ExtJS3.0之可编辑表格EditorGridPanel
2010-08-19 23:45 2040ExtJS3.0之可编辑表格EditorGridPanel ... -
div左图右文布局效果 收藏
2010-08-19 23:22 1488div左图右文布局效果 收藏 <!DOCTYPE htm ... -
Ext Js Grid 编辑 新增 删除 保存的一个小示例
2010-08-19 23:20 2320Ext Js Grid 编辑 新增 删除 保存的一个小示例 & ... -
xt中combobox在grid显示问题
2010-08-19 23:16 1270xt中combobox在grid显示问题 问题描述:我在ed ... -
Ext.grid.EditorGridPanel的使用、修改记录的获取及提交方法
2010-08-19 20:27 1789<HTML> <HEAD> &l ... -
在Ext中EditorGrid中datefield输入问题解决过程
2010-08-19 20:22 1772在Ext中EditorGrid中datefield输入问题解决 ... -
在extjs中，用GridPanel来显示数据
2010-08-19 17:44 1565在extjs中，用GridPanel来显示数据，需要用到Sto ... -
使用Ext实现拖拉功能
2010-08-19 14:24 1402<!DOCTYPE html PUBLIC &q ... -
深入浅出Ext JS：一个完整的EXT应用
2010-08-19 14:16 2328在本文中，我们将综合运用前面所学的知识，开发一个简单的学生信息 ... -
Ext.GridPanel 用法总结（一）—— Grid基本用法
2010-08-19 12:23 1715Ext.GridPanel 用法总结（一）—— Grid基本用 ... -
Ext.ux.grid.RowEditor的使用
2010-08-19 10:42 3773Ext.ux.grid.RowEditor的使用 RowEd ... -
ext+dwr完整的例子(包括树,增删改查等)
2010-08-14 21:14 1347ext+dwr完整的例子(包括树,增删改查等) 文章分类:We ...
相关推荐
NULL 博文链接：https://conkeyn.iteye.com/blog/1581051
本文介绍了Android中如何使用RadioGroup和RadioButton，对比了RadioButton和CheckBox的区别，并实现了自定义的RadioGroup中被选中RadioButton的变更监听事件
界面控件之选项组件(RadioGroup和CheckBox)--代码,Android开发学习26,博客主页: http://blog.csdn.net/ypist.
好看的单选框（radiogroup）和多选框（checkbox），效果可以在我的博客里看到：https://blog.csdn.net/wy313622821/article/details/108202189，希望大家能喜欢
RadioGroup RadioButton CheckBox www.mars-droid.com/Android开发视频教程 代码 源码 mars老师讲课 android 视频源码 Activity_07（在此特别感谢mars的无私奉献，此代码为跟随视频边学边做的）
C#的winform是没有webform的RadioButtonList和CheckBoxList这两个控件的。要实现从数据库取出数据后动态生成N个RadioButton和CheckBox并获取选中项目的值，请看本例。思路很简单，有问题请指出，相互学习共同进步，...
本次实验中主要是学习如何使用RadioGroup，CheckBox，RadioButton和Toast这几个控件，android UI开发中也会经常用到他们
Android控件简单使用，AoutCompleTextView、MultiAoutCompleTextView、ToggleButton、CheckBox、RadioGroup等控件
重写 代码如下: //解决...field){ this.items.each(function(f){ if(f.isXType(‘radiogroup’)||f.isXType(‘checkboxgroup’)){ f.items.each(function(c){ if(c.isFormField && (c.dataIndex == id || c.id ==
得多行显示要选的内容item，常规做法使用RadioGroup加上RadioButton来实现，但是前提是我们知道所要选择的item个数，如果碰到这么一种情况，所给出的item数量不确定，也就是从后台服务器中获取，有多少显示多少？...
雾山的Anrdoid学习笔记---CheckBox，RadioGroup&RadioButton的配套资源http://blog.csdn.net/tt75281920/article/details/26248451
Android UI控件集合，包括Button,TextView,EditView,CheckBox,RadioGroup,Spinner,AutoCompleteTextView,DatePicker,TimePicker,ProgressBar,SeekBar,RatingBar,ImageView,ImageButton,ImageSwicrher,Gallery,...
Android中布局属性的简单介绍，LinearLayout,RelativeLayout ,TableLayout ,4.AbsoluteLayout ,5.FrameLayout 布局控件TextView ，Edittext ，Button ，Shape ，CheckBox，RadioGroup，Spinner，TimePicker，...
AndriodSituationRadio-CheckBox RadioGroup CheckBox事件
初学者可以参考下，比较基础的案例，包括Button,TextView,EditView,CheckBox,RadioGroup,Spinner,DatePicker,TimePicker,ProgressBar,SeekBar,ImageView,ImageButton,GridView,TabView 等。
react-ui-icheck 使用React构建的iCheck可定制复选...以使用Input和Label组件删除了refs用法，以遵循“请勿滥用引用”指南引入了类似于RadioGroup CheckboxGroup 为RadioGroup引入了checkboxWrapClassName和checkboxWra
新浪微博源码这里有 使用RadioGroup来自定义TabHost CheckBox逻辑使用 全选单选取消 正则表达式 Span的使用
http://blog.csdn.net/yuankundong/article/details/50774294