您当前的位置：首页 > 网站建设 > jQuery
\| php \| asp \| css \| H5 \| javascript \| Mysql \| Dreamweaver \| Delphi \| 网站维护 \| 帝国cms \| React \| 考试系统 \| ajax \| jQuery \|

jQuery EasyUI 窗口插件 - Window 窗口

51自学网 2023-01-16 20:15:07

jQuery

扩展自 $.fn.panel.defaults。通过 $.fn.window.defaults 重写默认的 defaults。

窗口（window）是一个浮动的、可拖拽的面板，可以当做应用程序窗口使用。默认情况下，窗口可移动、可调整尺寸、可关闭。它的内容既可以通过静态 html 定义，也可以通过 ajax 动态加载。

依赖

draggable
resizable
panel

用法

创建窗口（window）

1、从标记创建窗口（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 创建窗口（window）。

<div id="win"></div>

$('#win').window({    width:600,    height:400,    modal:true});

3、通过复合布局创建窗口（window）。

像往常一样，你可以定义窗口布局。下面的实例演示了如何分割窗口区域为两个部分：北区和中心区。

<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"    data-options="iconCls:'icon-save',modal:true">    <div class="easyui-layout" data-options="fit:true">
下载地址:
jQuery EasyUI 窗口插件 - Dialog 对话框
jQuery EasyUI 表单插件 - Slider 滑块