jQuery EasyUI window窗口使用实例代码

window窗口是jQuery EasyUI中常用的组件之一，它可以显示在页面中，并且可以随意拖动、改变大小、最小化、最大化等操作，非常方便实用。下面给出一个简单的实例代码来说明如何使用jQuery EasyUI window窗口。

首先，需要引入jQuery库、EasyUI的CSS样式文件和EasyUI的JS文件：

<link href="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" rel="stylesheet" />
<link href="https://cdn.bootcss.com/jquery-easyui/1.5.2/themes/default/easyui.css" rel="stylesheet" />
<link href="https://cdn.bootcss.com/jquery-easyui/1.5.2/themes/icon.css" rel="stylesheet" />
<script src="https://cdn.bootcss.com/jquery-easyui/1.5.2/jquery.easyui.min.js"></script>

接着，在页面中定义一个div元素，用于显示window窗口：

<div id="myWindow"></div>

然后，在JavaScript中创建window窗口：

$('#myWindow').window({
    title: '我的窗口', // 窗口标题
    width: 600, // 窗口宽度
    height: 400, // 窗口高度
    collapsible: true, // 是否可折叠
    minimizable: true, // 是否可最小化
    maximizable: true, // 是否可最大化
    resizable: true, // 是否可改变大小
    modal: true, // 是否模态
    onClose: function(){ // 窗口关闭时的回调函数
        alert('窗口已关闭！');
    }
});

在上面的代码中，我们通过jQuery选择器选择到了定义好的div元素，并使用window()方法创建了一个window窗口。在方法中，我们传入了一些参数来设置窗口的属性，例如标题、尺寸、是否可折叠等。其中，onClose参数指定了窗口关闭时的回调函数。

除了上面的参数外，window()方法还支持其他的参数和方法，例如open()、close()、move()等等，可以根据需要进行使用。

最后，在页面中添加一个按钮，用于打开窗口：

<button onclick="$('#myWindow').window('open')">打开窗口</button>

当点击这个按钮时，就会弹出一个窗口，可以进行拖动、改变大小、最小化、最大化等操作。当窗口关闭时，会触发onClose回调函数弹出一个提示框。

总体来说，使用jQuery EasyUI的window窗口非常简单，只需要在页面中定义一个div元素，通过JavaScript创建窗口并设置属性，然后在需要的地方进行打开即可。如果需要更高级的功能，还可以针对不同的参数和方法进行更加细粒度的控制。