博客

jQWidgets jqxWindow close()方法

  • Post category:jquery

jQWidgets jqxWindow close()方法

简介

jqxWindow是jQWidgets框架的一个重要组件，用于创建带有标题栏和内容区域的可拖动窗口，并提供了许多与窗口相关的方法和事件。其中，close()方法是jqxWindow对象的一个内置方法，用于关闭当前显示的窗口。

语法

$('#jqxwindow').jqxWindow('close');

参数

该方法不需要任何参数。

返回值

该方法没有返回值。

示例说明

示例1：在按钮点击事件中触发close方法

HTML代码：

<div id="jqxwindow">
  <div>窗口内容区域</div>
</div>
<button id="btnCloseWindow">关闭窗口</button>

JavaScript代码：

$(document).ready(function () {
    $('#jqxwindow').jqxWindow({ width: 400, height: 300 });
    $('#btnCloseWindow').click(function () {
        $('#jqxwindow').jqxWindow('close');
    });
});

以上示例代码中，首先为jqxWindow对象设置了宽度和高度，然后在按钮的点击事件中通过close()方法关闭了当前显示的窗口。

示例2：在窗口关闭事件中触发close方法

HTML代码：

<div id="jqxwindow">
  <div>窗口内容区域</div>
</div>

JavaScript代码：

$(document).ready(function () {
    $('#jqxwindow').jqxWindow({
        width: 400, height: 300,
        onClose: function () {
            console.log('窗口即将关闭');
            $('#jqxwindow').jqxWindow('close');
            console.log('窗口已关闭');
        }
    });
});

以上示例代码中，首先为jqxWindow对象设置了宽度和高度，然后定义了一个onClose事件，在该事件中先输出一条“窗口即将关闭”的信息，随后通过close()方法关闭了当前显示的窗口，最后再输出一条“窗口已关闭”的消息，以便检查关闭操作是否成功。

Tags: