总结Ext.window窗口的一些内容

ExtJS中窗口是由Ext.Window类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。
看下面的代码:

var win = new Ext.Window({
title:’窗口标题’,
width:300, //窗口宽
height:200,//高
html:’窗口里的内容’,
maximizable:true,  //窗口是否允许最大化
modal:true,        //true为模式窗口,后面的内容都不能操作,默认为false
plain:true,        //true则主体背景透明,false则主体有小差别的背景色,默认为false
closable:false,    //true在右上角显示小叉叉的关闭按钮,默认为true
closeAction:’hide’,//枚举值为:close(默认值),当点击关闭后,关闭window窗口.hide,关闭后,只是hidden窗口
constrain:true,   //true则强制此window控制在viewport,默认为false
collapsible:true  //设为true,显示右上角的收缩按钮,默认为false
//窗口也可以加bbar,tbar,buttons,不过加了这些还不如做panel了呢.
});
win.show();

这样的一段代码就可以实现一个窗口,基本的参数什么的都在呢.
看到网上有的教程说需要el,contentEl,和自建div,经过测试这些不需要了,具体的我也没弄明白,可能是现在的Ext的版本问题吧.
网上好多的教程用的Ext版本比较早,外加网上好多的教程都基本是一样的,也就不多说什么了,反正我测试了一下,像上面的代码就可以出来window窗口啦,我是这么理解的.

发表评论

返回顶部