jQuery EasyUI window窗口使用实例

好的，下面是一个简单的 jQuery EasyUI window 窗口的使用实例：

HTML 代码：

<div id="win" class="easyui-window" title="窗口标题" style="width:400px;height:200px;">
    窗口内容
</div>

JavaScript 代码：

$(function(){
    $('#win').window({
        width: 400,
        height: 200,
        modal: true,
        minimizable: false,
        maximizable: false,
        collapsible: false,
        onClose: function(){
            alert('窗口已关闭！');
        }
    });
});

解析：

1. 首先，我们在 HTML 中创建了一个 `div` 元素，设置了 id 为 `win`，并添加了 `easyui-window` 类。在这个 `div` 中添加了窗口的内容。

2. 在 JavaScript 中，我们使用 jQuery 的 `$(function(){})` 方法，当页面加载完成后执行代码。

3. 然后，我们使用 EasyUI 的 `$('#win').window({})` 方法对窗口进行设置。其中，`#win` 表示选择 id 为 `win` 的元素，并将其转换为 EasyUI 的 window 窗口。

4. 在 `window({})` 中，我们可以设置窗口的属性。在这个例子中，我们设置了窗口的宽度为 400，高度为 200，同时将其设置为模态窗口（即用户必须关闭窗口才能进行其他操作）。

5. 我们还设置了窗口的最小化、最大化和折叠功能为禁用状态，并在窗口关闭时触发了一个 `onClose` 事件，用于提示用户窗口已经关闭。

6. 最后，我们将整个代码块用 `{}` 包裹起来，以确保在页面加载完成后执行。