折翼的飞鸟

导航

Extjs获取Form中的数据

var win = Ext.create("Ext.window.Window",{
    width:300,
    height:200,
    title:"日期选择窗口",
    items:{
        xtype:"form", 
        name:"testform", 
        id:"testform",
        style:"border:none;",
        frame:true,
        items:[
            {
                xtype:"textfield",
                fieldLabel:"名字",
                width:200,
                name:"name_textname",
                id:"id_textname",
                labelWidth:50, 
            }, {
                xtype:"textfield",
                fieldLabel:"密码",
                width:200,
                name:"name_password",
                id:"id_password",
                labelWidth:50, 
            }, {
                xtype:"datefield",
                fieldLabel:"日期",
                width: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()取值的显示

 

posted on 2017-03-05 15:58  折翼的飞鸟  阅读(1506)  评论(0编辑  收藏  举报