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 相关文章推荐
Javascript注入技巧
Jun 22 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 Javascript
PassWord输入框代码分享
Jun 07 Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 Javascript
Vue.js使用v-show和v-if的注意事项
Dec 13 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
Oct 27 Javascript
详解webpack3编译兼容IE8的正确姿势
Dec 21 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
Apr 03 Javascript
使用Ajax实现进度条的绘制
Apr 07 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
URL Rewrite的设置方法
2007/01/02 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
javascript 进度条 实现代码
2009/07/30 Javascript
jQuery timers计时器简单应用说明
2010/10/28 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
Vue.directive()的用法和实例详解
2018/03/04 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
python新手经常遇到的17个错误分析
2014/07/30 Python
python读写json文件的简单实现
2017/04/11 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
python可视化实现代码
2019/01/15 Python
PyQt5实现简单数据标注工具
2019/03/18 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
python实现图像随机裁剪的示例代码
2020/12/10 Python
html5唤起app的方法
2017/11/30 HTML / CSS
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
硕士研究生自我鉴定
2013/11/08 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
求职简历自荐信怎么写
2015/03/26 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
2016年庆“七一”主题党日活动总结
2016/04/05 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
php微信小程序解包过程实例详解
2021/03/31 PHP
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers