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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
Mar 01 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
js获取微信版本号的方法
May 12 Javascript
js漂浮广告实现代码
Aug 15 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 Javascript
使用layer模态框给新页面传值的方法
Sep 27 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数据返回id的方法
2018/05/31 PHP
js类型检查实现代码
2010/10/29 Javascript
如何将php数组或者对象传递给javascript
2014/03/20 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
2014/06/23 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
python提取页面内url列表的方法
2015/05/25 Python
python UNIX_TIMESTAMP时间处理方法分析
2016/04/18 Python
Python金融数据可视化汇总
2017/11/17 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
基于python实现雪花算法过程详解
2019/11/16 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
银行出纳岗位职责
2013/11/25 职场文书
工程招投标邀请书
2014/01/26 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
导游词之无锡梅园
2019/11/28 职场文书
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
Python利用FlashText算法实现替换字符串
2022/03/31 Python