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 相关文章推荐
表格 隔行换色升级版
Nov 07 Javascript
js如何取消事件冒泡
Sep 23 Javascript
jquery按回车提交数据的代码示例
Nov 05 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
详解AngularJS controller调用factory
May 19 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
vue+iview动态渲染表格详解
Mar 19 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 Javascript
js实现删除json中指定的元素
Sep 22 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 MYSQL中插入当前时间
2008/04/06 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
html的DOM中document对象images集合用法实例
2015/01/21 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
2019/09/25 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05
2020/11/05 DOTA
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
Python Series从0开始索引的方法
2018/11/06 Python
python mac下安装虚拟环境的图文教程
2019/04/12 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
python3爬虫中异步协程的用法
2020/07/10 Python
django创建css文件夹的具体方法
2020/07/31 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
职高毕业生自我鉴定
2013/10/21 职场文书
应届毕业生就业自荐信
2013/10/26 职场文书
班主任工作年限证明
2014/01/12 职场文书
涨价通知
2015/04/23 职场文书
舞出我人生观后感
2015/06/16 职场文书
名人传读书笔记
2015/06/26 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android