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 相关文章推荐
Fastest way to build an HTML string(拼装html字符串的最快方法)
Aug 20 Javascript
js写一个弹出层并锁屏效果实现代码
Dec 07 Javascript
javascript中的delete使用详解
Apr 11 Javascript
Jquery使用val方法读写value值
May 18 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
vuex 解决报错this.$store.commit is not a function的方法
Dec 17 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
viewer.js实现图片预览功能
Jun 24 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使用exec shell命令注入的方法讲解
2013/11/12 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
javascript 正则表达式相关应介绍
2012/11/27 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
js仿腾讯QQ的web登陆界面
2016/08/19 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
详解JS浏览器事件循环机制
2019/03/27 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
[07:09]2014DOTA2国际邀请赛-Newbee再次发威成功晋级决赛
2014/07/19 DOTA
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
晚归检讨书
2014/02/19 职场文书
给校长的建议书500字
2014/05/15 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
个人德育工作总结
2015/03/05 职场文书
主题班会开场白
2015/06/01 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android