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 相关文章推荐
JAVASCRIPT对象及属性
Feb 13 Javascript
HTML中事件触发列表与解说
Jul 09 Javascript
jquery lazyload延迟加载技术的实现原理分析
Jan 24 Javascript
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
Element Backtop回到顶部的具体使用
Jul 27 Javascript
vant picker+popup 自定义三级联动案例
Nov 04 Javascript
JavaScript实现点击自制菜单效果
Feb 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 xfocus防注入资料
2008/04/27 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php魔术变量用法实例详解
2014/11/13 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
PHP中strpos、strstr和stripos、stristr函数分析
2016/06/11 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
JS 控制CSS样式表
2009/08/20 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
2014/12/02 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
JS实现的透明度渐变动画效果示例
2018/04/28 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
JS中的算法与数据结构之常见排序(Sort)算法详解
2019/08/16 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
Python实现扫描指定目录下的子目录及文件的方法
2014/07/16 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
工程班组长岗位职责
2013/12/30 职场文书
女方回门宴答谢词
2014/01/14 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
Python3的进程和线程你了解吗
2022/03/16 Python