要在 jQuery EasyUI 中创建一个简单的窗口,您可以使用 EasyUI 的 window 组件。以下是一个简单的例子,演示如何创建一个 EasyUI 窗口:

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.pingtaimeng.com/article/detail/13128/jQuery EasyUI