Ext如何做登陆页面

Question

Ext如何做登陆页面

Answer 1

网上帮你弄来的.多谷歌谷歌
[code="js"]
Ext.onReady(function(){
Ext.QuickTips.init();//开启表单提示
Ext.form.Field.prototype.msgTarget = 'side';//设置提示信息位置为边上
var simple = new Ext.FormPanel({//初始化表单面板
labelWidth: 75, // 默认标签宽度
frame:true,//设置表单面板，false为无面板
title: '我的表单',
bodyStyle:'padding:5px 5px 0',
width: 350,
defaults: {width: 230},
defaultType: 'textfield',//默认字段类型

    items: [{
            fieldLabel: '帐户',
            name: 'name',
            allowBlank:false,
            blankText: '帐户不能为空'
        },{
            fieldLabel: '密码',
            name: 'pws',
            allowBlank:false,//禁止为空
            blankText: '密码不能为空'//可限制多种类型，具体参照api文档
        }
    ],

    buttons: [{
        text: '登录',
        handler:function(){alert("你提交了表单！");}//提交表单与服务器交互的实例请参照实例分析部分《一个完整的登录实例》
    },{
        text: '取消',
        handler:function(){simple.form.reset();}//重置表单
    }]
});

simple.render('show');//填充到指定区域

});

[/code]