通过DIV布局Ext.Window

通过DIV布局Ext.Window

在HTML内有标签

< div  id ="myWindow" >
</ div >

如要使用该div产生一个Ext.Window.则可以在js文件中使用

new  Ext.Window( {
    el:"myWindow",
    //其他
} );

来引用,但是如果div内有内容.比如

< div  id ="myWindow" >
< table >
< tr >
< td > name: </ td >
< td >< input  id ="name"   /></ td >
</ tr >
</ table >
</ div >
<!-- 省略若干代码 -->

则显示出来的内容可能不是你想要的(具体可以试一下),
那么就必须用Ext的css设置了
具体如下.在div中加入

< div  id ="myWindow" >
<!-- 标题可有 -->
< div  class ="x-window-header" > 标题 </ div >
< div  class ="x-window-body" >
<!-- 这里放内容(Window主体) -->
</ div >
</ div >

这样.才能得到所想要的效果

不知道为什么..Ext的文挡大部分没有其css的介绍,希望各位提供点资料看看