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 实现窗口的最大化不论什么情况
Sep 03 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
jQuery时间轴插件使用详解
Jul 16 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
JS中artdialog弹出框控件之提交表单思路详解
Apr 18 Javascript
JS实现新建文件夹功能
Jun 17 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
JQuery特殊效果和链式调用操作示例
May 13 jQuery
es6中Promise 对象基本功能与用法实例分析
Feb 23 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
jQuery实现影院选座订座效果
Apr 13 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
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
JS中frameset框架弹出层实例代码
2016/04/01 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
2019/11/13 Javascript
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
在Python中调用ggplot的三种方法
2015/04/08 Python
好的Python培训机构应该具备哪些条件
2018/05/23 Python
ipython和python区别详解
2019/06/26 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
python批量生成条形码的示例
2020/10/10 Python
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
个人党性剖析材料
2014/02/03 职场文书
公司给客户的感谢信
2015/01/23 职场文书
销售开票员岗位职责
2015/04/15 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
Go Plugins插件的实现方式
2021/08/07 Golang