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 相关控件的事件操作分解
Aug 03 Javascript
javascript匿名函数应用示例介绍
Mar 07 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
在Uni中使用Vue的EventBus总线机制操作
Jul 31 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 Javascript
Vue如何清空对象
Mar 03 Vue.js
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
学习使用curl采集curl使用方法
2012/01/11 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
js 获取、清空input type="file"的值(示例代码)
2013/12/24 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
jquery 3D 标签云示例代码
2014/06/12 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
2015/02/26 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
JS函数节流和函数防抖问题分析
2017/12/18 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
python进程类subprocess的一些操作方法例子
2014/11/22 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
Python实现字典按key或者value进行排序操作示例【sorted】
2019/05/03 Python
如何通过python实现人脸识别验证
2020/01/17 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
Python3 获取文件属性的方式(时间、大小等)
2020/03/12 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
意大利灯具购物网站:Lampade.it
2018/10/18 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
服务之星获奖感言
2014/01/21 职场文书
行政副总岗位职责
2014/02/23 职场文书
中秋寄语大全
2014/04/11 职场文书
幼儿园见习报告
2014/10/30 职场文书
丧事答谢词
2015/01/05 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server
Go 中的空白标识符下划线
2022/03/25 Golang
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL