源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

学习ExtJS Window常用方法

  • 时间:2020-11-05 00:55 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:学习ExtJS Window常用方法
一、属性 plain:布尔类型,true表示强制与背景色保持协调,默认值为false。 resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小。 maxinizable:布尔类型,true表示显示最大化按钮,默认值为false。 maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false。 closable:布尔类型,true表示显示关闭按钮,默认值为true。 bodyStyle:与边框的间距,如:bodyStyle:"padding:3px"。 buttonAlign:窗体中button的对齐方式(left、center、right),默认值为right。 closeAction:"close"释放窗体所占内存,"hide"隐藏窗体,建议使用"hide"。 二、方法 show:打开窗体。 hide:隐藏窗体。 close:关闭窗体。 三、事件 show:打开窗体时触法。 hide:隐藏窗体时触法。 close:关闭窗体时触法。 四、应用举例
[u]复制代码[/u] 代码如下:
Ext.onReady(function(){ var _window=new Ext.Window({ title:"登陆", renderTo:Ext.getBody(), frame:true, plain:true, resizable:false, buttonAlign:"right", closeAction:"hide", maximizable:true, closable:true, bodyStyle:"padding:4px", width:310, height:230, layout:"form", lableWidth:45, defaults:{xtype:"textfield",width:180}, items:[{fieldLabel:"帐号"},{fieldLabel:"密码"}], buttons:[{text:"确定"},{text:"取消",handler:function(){_window.hide();}}], listeners:{ "show":function(){ alert("显示"); }, "hide":function(){ alert("隐藏"); }, "close":function(){ alert("关闭"); } } }) _window.show(); })
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部