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中常用表单介绍与应用
Jun 07 Javascript
修复IE9&safari 的sort方法
Oct 21 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
jQuery实现单击和鼠标感应事件
Feb 01 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
Dec 16 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 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 高手之路(三)
2006/10/09 PHP
php身份证号码检查类实例
2015/06/18 PHP
你不知道的文件上传漏洞php代码分析
2016/09/29 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
javascript 全角转换实现代码
2009/07/17 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
2013/07/09 Javascript
javascript中声明函数的方法及调用函数的返回值
2014/07/22 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
javascript 中Cookie读、写与删除操作
2017/03/29 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
js实现简单的日历显示效果函数示例
2019/11/25 Javascript
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
Python性能优化的20条建议
2014/10/25 Python
通过C++学习Python
2015/01/20 Python
利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程
2015/05/05 Python
Python合并两个字典的常用方法与效率比较
2015/06/17 Python
Python中有趣在__call__函数
2015/06/21 Python
Python工程师面试题 与Python基础语法相关
2016/01/14 Python
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
Python实现的rsa加密算法详解
2018/01/24 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
Python延时操作实现方法示例
2018/08/14 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
通过实例解析python描述符原理作用
2020/01/22 Python
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
同程旅游英文网站:LY.com
2018/11/13 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
公证委托书格式
2014/09/13 职场文书
退休欢送会致辞
2015/07/31 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL