zoukankan      html  css  js  c++  java
  • 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)
    这两句话就是如何得到完整性和正确性的值。

    谢谢。
    .
  • 相关阅读:
    python的IDE(pycharm)安装以及简单配置
    python环境搭建(python2和python3共存)
    如何搭建samba服务?
    css 样式 文字过长 换行处理方法
    my97 日历控件
    myeclipse8.6 注册码
    (46) odoo核心文档分享
    (01-02) odoo8.0_Ubuntu14.04_nginx反代理设置
    (45) Manifest文件
    (44) odoo中的WebService
  • 原文地址:https://www.cnblogs.com/googny/p/3521315.html
Copyright © 2011-2022 走看看