zoukankan      html  css  js  c++  java
  • Extjs获取Form中的数据

    var win = Ext.create("Ext.window.Window",{
        300,
        height:200,
        title:"日期选择窗口",
        items:{
            xtype:"form", 
            name:"testform", 
            id:"testform",
            style:"border:none;",
            frame:true,
            items:[
                {
                    xtype:"textfield",
                    fieldLabel:"名字",
                    200,
                    name:"name_textname",
                    id:"id_textname",
                    labelWidth:50, 
                }, {
                    xtype:"textfield",
                    fieldLabel:"密码",
                    200,
                    name:"name_password",
                    id:"id_password",
                    labelWidth:50, 
                }, {
                    xtype:"datefield",
                    fieldLabel:"日期",
                    200,
                    name:"name_StartDate",
                    id:"id_StartDate",
                    labelWidth:50,
                    format:'Y-m-d', //设置日期格式
                    listeners:{
                        change:function(){
                            var ddate = Ext.getCmp("id_StartDate").getValue();
                            //设置日期格式,可以查询下extjs中的格式符
                            var strdate = Ext.util.Format.date(ddate,"Y-m-d")
                            // Ext.Msg.alert("提示", strdate)
                        }
                    }
                }
            ]
        },
        buttons:[
            {
                text:"修改title",
                handler:function(){
                    win.setTitle("窗口Title=helloworld")
                    // Ext.Msg.alert("提示",win.title)
                }
            },{
                text: "设置名字",
                handler:function(){
                    //通过id=testform, 获取form的Element
                    var form_Element = Ext.getCmp("testform");    
                    //获取form对象
                    var form_obj = form_Element.getForm();   
                    /*
                    findField( String id ) : Ext.form.field.Field
                        通过id或name查找表单内的特定Ext.form.field.Field。 
                        Parameters 参数  id : String
                        查找的值(既可以指定id也可以name或hiddenName)。
                        Returns 返回值  Ext.form.field.Field
                        第一个匹配的字段,如果没有查找到返回null。
                    */
                    //查询form表单中的指定的classname元素
                    // var textname_obj = form_obj.findField("id_textname"); 
                    var textname_obj = form_obj.findField("name_textname");   
                    //获取输入值
                    var textname_val = textname_obj.getValue();  
                    //设置输入内容 
                    textname_obj.setValue("设置输入框的值");   
                }
            },{
                text:"获取form值",
                handler:function(){
                    //通过id=testform, 获取form的Element
                    var form_Element = Ext.getCmp("testform");    
                    //获取form对象
                    var form_obj = form_Element.getForm();   
    
                    /* 
                    getFieldValues( [Boolean dirtyOnly] ) : Object
                        检索表单中字段为一组键值对的,用getSubmitData()方法收集值。 如果相同的name下有多个字段返回多值,将被合并成一个数组。 
                这类似getValues,除了这个方法收集特定类型数据值(例如Date对象的日期字段)之外, getValues仅收集提交的String值。 Parameters 参数 dirtyOnly : Boolean (optional) 如果为true,只有那些dirty的字段将被包含在结果中。 Defaults to: false Returns 返回值 Object
    */ var form_values = form_obj.getFieldValues(); /* getValues( [Boolean asString], [Boolean dirtyOnly], [Boolean includeEmptyText] ) : String/Object 检索表单中字段为一组键值对的,用getSubmitData()方法收集值。 如果相同的name下有多个字段返回多值,将被合并成一个数组。
    这类似getFieldValues,除了这个方法仅收集提交的String值之外, getFieldValues收集特定类型数据值(例如Date对象的日期字段)。 Parameters 参数 asString : Boolean (optional) 如果为true,将返回键值集合作为单一的URL编码的参数字符串。 Defaults to: false dirtyOnly : Boolean (optional) 如果为true,只有那些dirty的字段将被包含在结果中。 Defaults to: false includeEmptyText : Boolean (optional) 如果为true,空字段的配置emptyText将被使用。 Defaults to: false Returns 返回值 String/Object
    */ var form_values = form_obj.getValues(); } } ] }) win.show();

    getFieldValues() 与 getValues()取值的显示

  • 相关阅读:
    tbody的有趣问题
    如何去掉a标签的虚框
    在ubuntu下安装ruby on rails环境
    odoo 新建模块命令
    安装sentry的几个命令,日志监控系统
    腾讯云docker加速
    odoo技术笔记
    零基础实现摄像头的全平台直播 (一)内网直播的实现
    EasyNVR、EasyDSS二次开发RTMP、HLS流在web页面进行无插件播放(demo)
    EasyDSS流媒体服务器和EasyDSS云平台异同
  • 原文地址:https://www.cnblogs.com/wind-wang/p/6505697.html
Copyright © 2011-2022 走看看