关于Ext中Window的特殊属性(4.1).docVIP

Ext 4.1中出现个Bug,Window的frame，文档的解释True to apply a frame to the panel. Defaults to: false 。Specify as true to have the Component inject framing elements within the Component at render time to provide a graphical rounded frame around the Component content， 在渲染时提供一个圆角边框（如下） 。 直接看代码。 Ext.create(Ext.window.Window, { title: Hello , height: 200, width: 400 }).show(); 设置 frame:true, 接着吧上面的header 去掉。 增加 afterrender 监听 然后我们去掉 黑边框 不让border显示 结果 再设置阴影效果shadow : false, Window 哪儿去了！ Ext.create(Ext.window.Window, { title: Hello, frame:true, border:false, height: 200, width: 400, shadow : false, html:font color=red size=38我在window 中！/font, listeners : { afterrender :function(){ var divs = this.el.dom.getElementsByTagName(div); for(var i=0,l=divs.length;il;i++){ var div = divs[i]; if(div.id.indexOf(header)!=-1){ div.style.display = none; } } } } }).show(); 再看panel 同样的代码！ Ext.create(Ext.panel.Panel, { title: Hello, frame:true, border:false, height: 200, width: 400, shadow : false, html:font color=red size=38我在不在window 中！/font, renderTo: Ext.getBody(), listeners : { afterrender :function(){ var divs = this.el.dom.getElementsByTagName(div); for(var i=0,l=divs.length;il;i++){ var div = divs[i]; if(div.id.indexOf(header)!=-1){ div.style.display = none; } } } } });