作家
登录

学习ExtJS Window常用方法

作者: 来源:www.28hudong.com 2013-03-30 02:18:02 阅读 我要评论

一、属性 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:关闭窗体时触法。 四、应用举例 复制代码 代码如下: 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(); })

  推荐阅读

  jQuery animate效果演示

animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。<br /> 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如“height”、>>>详细阅读


本文标题:学习ExtJS Window常用方法

地址:http://www.17bianji.com/kaifa2/JS/28031.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)