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实现ichat在线客服插件
Dec 29 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
Jul 31 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
微信小程序canvas开发水果老虎机的思路详解
Feb 07 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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/12/21 PHP
php动态生成JavaScript代码
2009/03/09 PHP
PHP操作mysql函数详解,mysql和php交互函数
2011/05/19 PHP
PHP下判断网址是否有效的代码
2011/10/08 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php实现的微信红包算法分析(非官方)
2015/09/25 PHP
基于win2003虚拟机中apache服务器的访问
2017/08/01 PHP
js中更短的 Array 类型转换
2011/10/30 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
js+css实现打字效果
2020/06/24 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
[47:06]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第一局
2016/03/05 DOTA
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python图算法实例分析
2016/08/13 Python
Pandas探索之高性能函数eval和query解析
2017/10/28 Python
python用户管理系统
2018/03/13 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
Python3 使用selenium插件爬取苏宁商家联系电话
2019/12/23 Python
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
经济信息管理专业大学生求职信
2013/09/27 职场文书
关于抽烟的检讨书
2014/02/25 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
2015年新农合工作总结
2015/03/30 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
力克胡哲观后感
2015/06/10 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
初中毕业感言300字
2015/07/31 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS