CiCeng
Google站内搜索
站内栏目
首页    Ext(Yahoo YUI)框架   ExtJs框架之登陆界面(代码)
ExtJs框架之登陆界面(代码)
【作者:angeletfang 阅读:1275 最后更新:08-11-18】
直接上源码:
Ext.onReady(function(){    
          Ext.QuickTips.init();
          Ext.form.Field.prototype.msgTarget
= 'side';
          Ext.lib.Ajax.defaultPostHeader
= 'application/json';
          
          
var simple = new Ext.FormPanel({
                bodyStyle :
'padding-top:6px',
                labelWidth:
55 ,
                id:
'simple',
                labelAlign :
'right',
                labelPad :
0,
                frame:
true,
                defaults:
{
                    allowBlank :
false,
                    selectOnFocus :
true
                }
,
                defaultType:
'textfield',
                items: [
{
                        cls :
'user',
                        fieldLabel:
'帐户',
                        id:
'loginname',
                        blankText:
'帐户不能为空'
                    }
,{
                        cls :
'key',
                        inputType:
'password',
                        fieldLabel:
'密码',
                        id:
'pwd',
                        blankText:
'密码不能为空'
                }
]
            }
);    
            
//定义窗体
            var  win = new Ext.Window({
                    id:
'win',
                    title:
'保险核心业务系统(IBCS)',
                    layout:
'fit',                
                    width :
280,
                    height :
160,
                    border :
false,
                    closable:
false,//禁止关闭
                    collapsible:true,//可折叠
                    buttonAlign:'center',
                    items:simple,
//将表单作为窗体元素嵌套布局
                    buttons: [{
                text:BUTTON_LOGIN_IN,
                type:
'submit',
                handler:LoginIn
//function
            }
,{
                text:BUTTON_CLEAR,
                handler:
function(){simple.form.reset();}//重置表单
            }
],
            keys:[
{ //处理键盘回车事件 ,前面说过
                key:Ext.EventObject.ENTER,  
                fn:LoginIn,  
                scope:
this
            }
]
            }
);
            win.show();
//显示窗体                
}
);

直接全复制吧,看看效果。应该只有登录的function没有,把它注释掉,然后记得把上面的逗号去掉就行了!BUTTON_LOGIN_IN这样的东西就是我以前说过的提成全局变量的东西。其他就没有什么好说的了!


联系我们   |  法律声明   |  关于   |  合作伙伴
© 2008 CiCeng.CCScript 版权所有 保留所有权利
沪ICP备08115912号