当前位置: 代码迷 >> Web前端 >> (4)jquery easyui panel window使用
  详细解决方案

(4)jquery easyui panel window使用

热度:731   发布时间:2013-09-18 14:17:40.0
(四)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');
??}

  相关解决方案