(四)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');
}