Extjs 4.x 得到form CheckBox的值

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)
这两句话就是如何得到完整性和正确性的值。

谢谢。

 

你可能感兴趣的:(checkbox)