效果如下图:点击“open”按钮弹出一个窗口,点击“close”关闭窗口。
用法:
<input type="button" value="open" οnclick="$('#con').window('open');"/>
<input type="button" value="close" οnclick="$('#con').window('close');"/>
<div id="con" class="easyui-window">新的窗口</div>
<script type="text/javascript">
$('#con').window({
href:'../../../basic/add_card.php', //设置了此项,新的窗口就会请求这个页面,不设置的话效果如 图2 ,就会显示div中的内容。
iconCls:'icon-save', //title前面的图标样式
title:"hello",
closed:true, //窗口是否为关闭状态,默认是false
modal:true, //定义窗口是否为模特窗口,默认不是
width:200,
height:100,
collapsible:false, //定义是否显示折叠按钮。
minimizable:false, //定义是否显示最小化按钮。
maximizable:false, //定义是否显示最大化按钮。
resizable:true, //定义是否窗口可以调整尺寸。
draggable:false, //定义是否窗口能被拖拽。
shadow:true //如果设为 true, 当窗口能够显示阴影的时候将会显示阴影。
});
</script>