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 相关文章推荐
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
jQuery右下角旋转环状菜单特效代码
Aug 10 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
js实现旋转木马轮播图效果
Jan 10 Javascript
vue 如何使用递归组件
Oct 23 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 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页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
js document.write()使用介绍
2014/02/21 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
2014/04/16 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
JavaScript性能优化之小知识总结
2015/11/20 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
angular4中引入echarts的方法示例
2019/01/29 Javascript
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
20招让你的Python飞起来!
2016/09/27 Python
python实现用户答题功能
2018/01/17 Python
用Q-learning算法实现自动走迷宫机器人的方法示例
2019/06/03 Python
python 实现将文件或文件夹用相对路径打包为 tar.gz 文件的方法
2019/06/10 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
Python continue语句实例用法
2020/02/06 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
医学生求职自荐信
2013/10/25 职场文书
元旦晚会策划方案
2014/02/18 职场文书
地理科学专业自荐信
2014/09/01 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
电影开国大典观后感
2015/06/04 职场文书
800字作文之大雪
2019/12/04 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
Python如何识别银行卡卡号?
2021/06/10 Python