Posted in Javascript onMay 04, 2014
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)
这两句话就是如何得到完整性和正确性的值。
Extjs 4.x 得到form CheckBox 复选框的值
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@