jQWidgets jqxWindow倒塌事件

当使用jQWidgets jqxWindow插件创建窗口时，有一种情况是当用户尝试拖动窗口到一个不合法的位置时，窗口会出现倒塌的现象。这时候需要通过监听jqxWindow的倒塌事件来进行处理。

以下是jQWidgets jqxWindow倒塌事件的完整攻略：

1. 监听jqxWindow倒塌事件

要监听jqxWindow倒塌事件，需要使用以下代码：

$('#jqxwindow').on('collapsed', function (event) {
  // 处理倒塌事件
});

其中，#jqxwindow是需要监听的jqxWindow的选择器。

2. 处理jqxWindow倒塌事件

当监听到jqxWindow倒塌事件时，可以进行一些处理操作。例如，可以在倒塌事件发生后弹出一个提醒框，提示用户重新打开窗口。

以下是一个示例：

$('#jqxwindow').on('collapsed', function (event) {
  alert('窗口已倒塌，请重新打开！');
});

示例：禁止jqxWindow倒塌

有时候需要禁止jqxWindow倒塌，可以使用以下方式：

$('#jqxwindow').jqxWindow({
  height: 300,
  width: 300,
  showCollapseButton: true,
  autoOpen: true,
  collapseAnimationDuration: 0,
  resizable: false,
  initContent: function () {
    // 禁止倒塌
    $('#jqxwindow .jqx-window-collapse-button').hide();
  }
});

其中，将showCollapseButton设置为true，然后在initContent事件中隐藏倒塌按钮。

示例：自定义jqxWindow倒塌按钮

有时候需要自定义jqxWindow倒塌按钮的样式，可以使用以下方式：

$('#jqxwindow').jqxWindow({
  height: 300,
  width: 300,
  showCollapseButton: true,
  autoOpen: true,
  theme: 'classic',
  initContent: function () {
    // 自定义倒塌按钮
    $('#jqxwindow .jqx-window-collapse-button').html('<i class="fa fa-minus-circle"></i>');
  }
});

其中，将showCollapseButton设置为true，然后在initContent事件中自定义倒塌按钮的HTML代码即可。这里使用了Font Awesome图标库来展示一个小圆圈。