Extjs 4.x 得到form CheckBox 复选框的值

前端技术 2023/09/02 JavaScript
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)

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

本文地址：https://www.stayed.cn/item/4497

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案