Welcome 微信登录

首页 / 脚本样式 / JavaScript / Extjs 4.x 得到form CheckBox 复选框的值

CheckBox(复选框)主要用来接收用户选择的选项

如图所示(请忽略UI的不好看):



该弹出窗口的主要代码如下:
复制代码 代码如下:
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)

这两句话就是如何得到完整性和正确性的值。