当前位置:  编程技术>jquery

Extjs4中表单登录功能、登录成功跳转页面的代码

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

    本文导语:  本节内容: Extjs4实现的表单登录功能,登录成功跳转页面。 例子:   代码示例: Ext.onReady(function(){      Ext.QuickTips.init();      Ext.create('Ext.form.Panel',{          title:'form2',          width:300,          height:2...

本节内容:
Extjs4实现的表单登录功能,登录成功跳转页面。

例子:
 

代码示例:
Ext.onReady(function(){ 
    Ext.QuickTips.init(); 
    Ext.create('Ext.form.Panel',{ 
        title:'form2', 
        width:300, 
        height:200, 
        frame:true, 
        renderTo:'formDemo', 
        defaultType:'textfield', 
        defaults:{ 
            allowBlank:false, 
            labelWidth:60, 
            width:240, 
            msgTarget:'side' 
             
        }, 
        items:[{ 
            name:'userName', 
            fieldLabel:'Name' 
        }, 
        { 
            name:'password', 
            fieldLabel:'Pass' 
        }],  // www.
        buttons:[{ 
            text:'提交',handler:function(){ 
                var basic=this.up('form').getForm(); 
                basic.submit({ 
                    url:'/Extjs4/formAction!getForm.action', 
                    method:'POST', 
                    success:function(form,action){ 
                        location.href="/Extjs4/demo.html"; 
                    }, 
                    failure:function(form,action){ 
                        var data=action.response.responseText; 
                        var json = eval("("+data+")"); 
                        Ext.Msg.alert('提示',json.message); 
                    } 
                }); 
 
            } 
        }, 
        {text:'重置',handler:function(){ 
            this.up('form').getForm().reset(); 
            } 
        } 
        ] 
    }); 
}); 

    
 
 

您可能感兴趣的文章:

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












  • 相关文章推荐
  • Extjs4实例:Form日期选择器datefield
  • Extjs4 Form之文件上传filefield的例子
  • Extjs4实例:Form下拉列表combobox的使用
  • Extjs4实例:Form下拉列表combobox remot模式
  • Extjs4实例:Form之submit和load的用法


  • 站内导航:


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

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

    浙ICP备11055608号-3