Extjs 4.x 得到form CheckBox 复选框的值
发布时间:2020-12-14 23:17:15 所属栏目:资源 来源:网络整理
导读:CheckBox(复选框)主要用来接收用户选择的选项 如图所示(请忽略UI的不好看): 该弹出窗口的主要代码如下: 复制代码 代码如下: var win = new Ext.Window({ modal : true, title : '确定要拒绝该表吗?', width : 500, plain : true, items : [fp] }); win
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) 这两句话就是如何得到完整性和正确性的值。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |