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 相关文章推荐
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
学习JavaScript的最佳方法分享
Oct 21 Javascript
js弹出窗口之弹出层的小例子
Jun 17 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
jQuery动态添加与删除tr行实例代码
Oct 18 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
vant中的toast层级改变操作
Nov 04 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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
短波问题解答
2021/02/28 无线电
PHP入门学习笔记之一
2010/10/12 PHP
深入php多态的实现详解
2013/06/09 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
输入密码检测大写是否锁定js实现代码
2012/12/03 Javascript
javascript实现颜色渐变的方法
2013/10/30 Javascript
JavaScript DOM节点添加示例
2014/07/16 Javascript
jquery获取radio值实例
2014/10/16 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
JS实现很酷的水波文字特效实例
2015/02/26 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
关于Vue中axios的封装实例详解
2019/10/20 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
python实现图像识别功能
2018/01/29 Python
python中for循环把字符串或者字典添加到列表的方法
2019/07/20 Python
python多任务之协程的使用详解
2019/08/26 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python FtpLib模块应用操作详解
2019/12/12 Python
工作违纪检讨书
2014/02/17 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
服装设计专业自荐信
2014/06/17 职场文书
交通事故责任认定书
2015/08/06 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android
golang的文件创建及读写操作
2022/04/14 Golang
服务器间如何实现文件共享
2022/05/20 Servers