Extjs 4.x 得到form CheckBox 复选框的值


Posted in Javascript onMay 04, 2014

CheckBox(复选框)主要用来接收用户选择的选项

如图所示(请忽略UI的不好看):

Extjs 4.x 得到form CheckBox 复选框的值

该弹出窗口的主要代码如下:

var win = new Ext.Window({ 
modal : true, 
title : '确定要拒绝该表吗?', 
width : 500, 
plain : true, 
items : [fp] 
}); 
win.show();

弹出的窗口是载体,items里面的[fp]是form表单的句柄。

具体定义如下:

var fp = Ext.create('Ext.FormPanel', { 
frame: true, 
fieldDefaults: { 
labelWidth: 110 
}, 
width: 500, 
bodyPadding: 10, 
items: [ 
{ 
xtype: 'fieldset', 
flex: 1, 
//title: '确定要拒绝该张表吗?', 
defaultType: 'checkbox', 
layout: 'anchor', 
defaults: { 
anchor: '100%', 
hideEmptyLabel: false 
}, 
items:[{ 
fieldLabel: '请选择拒绝原因:', 
boxLabel: '该表没有填写完整。', 
name:'integrity', 
inputValue: '1' 
}, { 
name:'correct', 
boxLabel: '该表填写不准确。', 
inputValue: '1' 
}] 
}], 
buttons: [ 
{text: '确认',handler: function(){ 
//得到完整性和准确性信息 有则为1 没有为0 
if(fp.getForm().isValid()){ 






 
console.log(fp.getForm().findField('integrity').getValue()?1:0); 
console.log(fp.getForm().findField('correct').getValue()?1:0) 
} 
win.hide(); 
} 
},{ 
text: '取消', 
handler: function(){ 

 win.hide(); 
 } 

}] 

});

这里面基本涵盖了所有的感兴趣的信息。具体的参见API吧本身不难

着重说下得到checkBox的值

console.log(fp.getForm().findField('integrity').getValue()?1:0); 
console.log(fp.getForm().findField('correct').getValue()?1:0)

这两句话就是如何得到完整性和正确性的值。
Javascript 相关文章推荐
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
Jan 27 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
May 28 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 #Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 #Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
May 04 #Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 #Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 #Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 #Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 #Javascript
You might like
php 不使用js实现页面跳转
2014/02/11 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
Nginx实现反向代理
2017/09/20 Servers
php用wangeditor3实现图片上传功能
2019/08/22 PHP
php实例化一个类的具体方法
2019/09/19 PHP
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
python如何保证输入键入数字的方法
2019/08/23 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
Python3常用内置方法代码实例
2019/11/18 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
迪拜航空官方网站:flydubai
2017/04/20 全球购物
Java的for语句中break, continue和return的区别
2013/12/19 面试题
理货员的岗位职责
2013/11/23 职场文书
董事长秘书岗位职责
2013/11/29 职场文书
素食餐饮项目创业计划书
2014/02/02 职场文书
商场总经理岗位职责
2014/02/03 职场文书
教师师德承诺书
2014/03/26 职场文书
调查研究项目计划书
2014/04/29 职场文书
文秘自荐信
2014/06/28 职场文书
2015年医务人员医德医风自我评价
2015/03/03 职场文书
人民的好儿女观后感
2015/06/18 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL