（四）jquery easyui panel window使用

panel：页面里占有固定的一块区域，隐藏后页面不会重新布局，在实际开发中可以用于类似查询区域的地方。

window：继承自panel，隐藏后页面会重新布局，用于form的修改，新建，替代弹出窗口。

  <div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
    data-options="title:'My Panel',iconCls:'icon-save',
      collapsible:true,minimizable:true,maximizable:true,closable:true">
   <p>海纳百川</p>
   <p>有容乃大</p>
   <p>壁立千仞</p>
   <p>无欲则刚</p>
 </div>

 

<!--   modal：true/false  弹出窗口后是否锁屏,closed:true/false，窗口最初是否关闭 -->

 <div id="w" class="easyui-window" data-options="title:'My Window',iconCls:'icon-save',closed:true，modal:true" style="width:500px;height:200px;padding:5px;">
   白日依山尽<br> 黄河入海流<br> 欲穷千里目<br> 更上一层楼
 </div>

closed:true/false,窗口最初是否关闭。

method：  function resize(){
   $('#w').window('resize',{
    width: 600,
    height: 300
   });
  }
  function open1(){
   $('#w').window('open');
  }
  function close1(){
   $('#w').window('close');
  }
  function test(){
   $('#test').window('open');
  }