jQuery EasyUI 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

window

窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口。默认情况下,窗口可以移动,调整大小和关闭。它的内容也可以被定义为静态html或要么通过ajax动态加载。

1. 通过标< div >标签创建窗口, 当然我们要添加一个属性为easyui-window类。

<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"   
        data-options="iconCls:'icon-save',modal:true">   
    Window Content    
</div>

2.通过javascript创建。

<div id="win"></div>
$('#win').window({    
    width:600,    
    height:400,    
    modal:true   
});

我们通过open与close来打开与关闭窗口。

$('#win').window('open');  // open a window    
$('#win').window('close');  // close a window