1. 确保您已经引入了 jQuery 和 EasyUI 的相关文件。您可以从官方网站([EasyUI 官网](http://www.jeasyui.com/))下载并引入这些文件。
2. 在 HTML 中创建一个用于触发窗口的按钮:
<button id="openWindowBtn">打开窗口</button>
3. 在 JavaScript 中使用 EasyUI 的 window 方法初始化窗口,并绑定按钮点击事件:
<script>
$(document).ready(function(){
// 初始化窗口
$('#myWindow').window({
title: '我的窗口', // 窗口标题
width: 400, // 窗口宽度
height: 200, // 窗口高度
closed: true, // 初始时窗口是否关闭
modal: true, // 是否模态对话框
onClose: function(){
// 窗口关闭时的回调函数
console.log('窗口已关闭');
}
});
// 绑定按钮点击事件
$('#openWindowBtn').click(function(){
// 打开窗口
$('#myWindow').window('open');
});
});
</script>
4. 在 HTML 中创建一个用于容纳窗口内容的 div:
<div id="myWindow">窗口内容可以在这里添加</div>
在上述代码中,通过 window 方法初始化了一个窗口,并通过 onClose 回调函数处理窗口关闭事件。按钮点击时,通过 window('open') 方法打开了窗口。
转载请注明出处:http://www.zyzy.cn/article/detail/13128/jQuery EasyUI