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

    谢谢。
    .
  • 相关阅读:
    Spinner用法与ListView用法
    ViewPager实现选项卡功能
    android:layout_weight的真实含义
    vb和vb.net事件机制
    go
    挨踢江湖之十一
    蓝桥杯-地铁换乘
    【Android LibGDX游戏引擎开发教程】第06期:图形图像的绘制(下)图片整合工具的使用
    Eclipse3.6 添加JUnit源代码
    【分享】如何使用sublime代码片段快速输入PHP头部版本声明
  • 原文地址:https://www.cnblogs.com/googny/p/3521315.html
Copyright © 2020-2023  润新知