学习ExtJS Window常用方法_Javascript教程-查字典教程网
学习ExtJS Window常用方法
学习ExtJS Window常用方法
发布时间:2016-12-30 来源:查字典编辑
摘要:一、属性plain:布尔类型,true表示强制与背景色保持协调,默认值为false。resizable:布尔类型,用户是否可以调整窗体大小,...

一、属性

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();

})

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类