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 相关文章推荐
Aptana调试javascript图解教程
Nov 30 Javascript
基于jQuery的自动完成插件
Feb 03 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
readonly和disabled属性的区别
Jul 26 Javascript
jQuery实用技巧必备(中)
Nov 03 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
Jun 20 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
Apr 23 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
详解Vue 的异常处理机制
Nov 30 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
解决GD中文乱码问题
2007/02/14 PHP
php实现异步数据调用的方法
2015/12/24 PHP
php输出图像的方法实例分析
2017/02/16 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
自己的js工具 Cookie 封装
2009/08/21 Javascript
我的javascript 函数链之演变
2011/04/07 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
javascript中checkbox使用方法实例演示
2015/11/19 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
AngularJS自定义过滤器用法经典实例总结
2018/05/17 Javascript
jquery实现拖拽添加元素功能
2020/12/01 jQuery
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
python正则表达式match和search用法实例
2015/03/26 Python
在树莓派2或树莓派B+上安装Python和OpenCV的教程
2015/03/30 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
python使用sqlite3时游标使用方法
2018/03/13 Python
python实现将文件夹下面的不是以py文件结尾的文件都过滤掉的方法
2018/10/21 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
Anaconda详细安装步骤图文教程
2020/11/12 Python
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
日语专业毕业生求职信
2013/12/04 职场文书
文明学生事迹材料
2014/01/29 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
社区义诊通知
2015/04/24 职场文书
加薪申请报告范本
2015/05/15 职场文书
常用的Python代码调试工具总结
2021/06/23 Python