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 原型链维护和继承详解
Nov 26 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
jQuery中常用的遍历函数用法实例总结
Sep 01 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 Javascript
vue使用一些外部插件及样式的配置代码
Nov 18 Javascript
Vue+Element-UI实现上传图片并压缩
Nov 26 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
使用Ajax实现进度条的绘制
Apr 07 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利用COM对象访问SQLServer、Access
2006/10/09 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
vue按需加载实例详解
2019/09/06 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
Python基于pillow判断图片完整性的方法
2016/09/18 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
对Python中小整数对象池和大整数对象池的使用详解
2019/07/09 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
C#中的验证控件有几种
2014/03/08 面试题
校班主任推荐信范文
2013/12/03 职场文书
会计顶岗实习心得
2014/01/25 职场文书
党员一句话承诺大全
2014/03/28 职场文书
2014年祖国生日寄语
2014/09/19 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
教师评职称工作总结2015
2015/04/20 职场文书
使用numpy实现矩阵的翻转(flip)与旋转
2021/06/03 Python
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL