Ext 学习（一）

创建一个登录窗口

Ext.onReady(function(){
            var _window = new Ext.Window({
                title:"用户登陆",
                frame:true,
                width:500,
                height:260,
                plain:true,
                layout:"form",
                labelWidth:45,
                resizable:false,
                constrain:true,
                closeAction:"hide",
                defaults:{xtype:"textfield",width:320},
                bodyStyle:"padding:5px;",
                listeners:{
                    "show":function(){
                        alert("窗口显示");
                    },
                    "hide":function(){
                        alert("窗口隐藏");
                    }
                },
                items:[
                    {fieldLabel:"账号"},
                    {fieldLabel:"密码"}
                    ],
                buttons:[
                    {text:"确定"},
                    {text:"取消",handler:function(){
                            _window.hide();
                        }
                    }
                ]
            });
            _window.render(Ext.getBody());
            _window.show();
        });