我怎样才能在剑道UI窗口检测resizeStop事件？(How can I detect resiz

2019-10-30 19:40发布

标题解释这一切......

我需要的时候，我知道一个用户已经完成调整大小来进行自定义操作，但我可以剑道UI文档中发现有此访问任何情况下对我其他的是“调整”，这我不能使用原样。

也许我只是错过了事件？

如果不：

有没有使用“调整”事件，以确定用户已经停止调整的方法吗？

Answer 1:

因此，这里是我的答案迄今：

矿小幅由于建筑需求不同，但这里有一个通用的解决方案

var isResizing = false;
var wndw = $(element).kendoWindow({
                // .....
                resize: OnResize,
                // .....
            }).data('kendoWindow');

function onResize() {
    isResizing = true;
}

$('body').on('mouseup', '.k-window', function() {
    if(isResizing){
        // **Your 'Stopped' code here**
        isResizing = false;
    }
});

Answer 2:

你有没有考虑使用underscore.js 抖？我已经成功地使用它来只触发，则调整大小事件已经停止未来一段时间（在下面为300ms的情况下）后更改。这确实一个小的延迟添加到captureing结束，但如果你像我一样只是想存储最终大小，然后工作正常。这里是代码的版本之上，但用下划线抖：

  var wndw = $(element).kendoWindow({
            // .....
            resize: _.debounce( this.hasResized, 300)
            // .....
        }).data('kendoWindow');

  //This is called at the end of a resize operation (using _.debounce)
  function hasResized (args) {
        // ** Your code here **
  };

希望帮助。

文章来源: How can I detect resizeStop event on Kendo UI Window?