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 相关文章推荐
返回对象在当前级别中是第几个元素的实现代码
Jan 20 Javascript
js调用css属性写法
Sep 21 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
angular.element方法汇总
Jan 07 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
bootstrap css样式之表单
Jan 19 Javascript
vue mixins组件复用的几种方式(小结)
Sep 06 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
Mar 29 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 Javascript
js模拟实现百度搜索
Jun 28 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就可用
2010/10/12 PHP
PHP加密解密函数详解
2015/10/28 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
瀑布流布局代码一例
2014/04/11 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
javascript中call apply 的应用场景
2015/04/16 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python程序设计入门(1)基本语法简介
2014/06/13 Python
python自动格式化json文件的方法
2015/03/11 Python
python判断windows系统是32位还是64位的方法
2015/05/11 Python
Python自动登录126邮箱的方法
2015/07/10 Python
Python采用Django开发自己的博客系统
2020/09/29 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
导入tensorflow时报错:cannot import name 'abs'的解决
2019/10/10 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
Python3爬虫中关于中文分词的详解
2020/07/29 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
自我评价格式
2014/01/06 职场文书
高三英语教学反思
2014/01/13 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
二审答辩状格式
2015/05/22 职场文书
美丽人生观后感
2015/06/03 职场文书
如何利用pygame实现打飞机小游戏
2021/05/30 Python
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript