当前位置:  编程技术>jquery

Extjs4实例:Form之submit和load的用法

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: Extjs4 Form之submit和load 例子:   代码示例: Ext.onReady(function(){      Ext.QuickTips.init();      Ext.create("Ext.form.Panel",{          title:'本地load实例',          renderTo:'formDemo',          bodyPadding:'5 5 5 5',...

本节内容:
Extjs4 Form之submit和load

例子:
 

代码示例:
Ext.onReady(function(){ 
    Ext.QuickTips.init(); 
    Ext.create("Ext.form.Panel",{ 
        title:'本地load实例', 
        renderTo:'formDemo', 
        bodyPadding:'5 5 5 5', 
        height:300, 
        width:400, 
        frame:true, 
        defaults:{ 
            labelSeparator :": ", 
            labelWidth : 70, 
            width : 300, 
            allowBlank: false, 
            msgTarget : 'side', 
            labelAlign:'left' 
        }, 
        items:[{ 
            fieldLabel:'ID', 
            xtype:'textfield', 
            name:'userId', 
            value:'001'//硬编码写值       
        },{  // www.
            fieldLabel:'NAME', 
            xtype:'textfield', 
            name:'userName', 
            value:'uspcat.com'//硬编码写值 
        },{ 
            fieldLabel:'AGE', 
            xtype:'numberfield', 
            name:'userAge', 
            value:'1'//硬编码写值 
        },{ 
            xtype:'textareafield', 
            width:300, 
            height:150, 
            name:'info', 
            fieldLabel:'INFO'        
        }], 
        buttons:[{ 
            text:'提交数据', 
            handler:function(){ 
                //得到form 
                var basic = this.up("form").getForm();       
                basic.submit({ 
                    clientValidation: true,//要经过客户端验证的 
                    params:{userName:'sss'},//可以传参数过去 
                    url: '/extjs/extjs!getFormValues.action', 
                    method:'POST', 
                    success:function(){ 
                        Ext.Msg.alert('提示',"提交数据"); 
                    } 
                }); 
            } 
        },{ 
            text:'加载远程数据', 
            handler:function(){ 
                //得到form 
                var basic = this.up("form").getForm(); 
                //得到userId 
                var userId = basic.findField("userId").getValue(); 
                basic.load({  // www.
                    params:{userId:userId}, 
                    url:'/extjs/extjs!getFormValues.action', 
                    method:'POST', 
                    success:function(form,action){ 
                        Ext.Msg.alert('提示',"加载成功"); 
                    }, 
                    failure:function(form,action){ 
                        Ext.Msg.alert('提示',"失败原因是: "+action.result.errorMessage); 
                    } 
                }); 
                 
            } 
        }] 
    }); 
}); 

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Extjs4中表单登录功能、登录成功跳转页面的代码
  • Extjs4 Form之文件上传filefield的例子


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3