タイトルはそれをすべて説明しています...
ユーザーがサイズ変更を完了したことがわかっている場合は、カスタム アクションを実行する必要がありますが、Kendo UI のドキュメントで確認できることから、そのままでは使用できない「サイズ変更」以外にアクセスできるイベントはありません。
もしかして、イベントを見逃した?
そうでない場合:
「サイズ変更」イベントを使用して、ユーザーがサイズ変更を停止したことを判断する方法はありますか?
タイトルはそれをすべて説明しています...
ユーザーがサイズ変更を完了したことがわかっている場合は、カスタム アクションを実行する必要がありますが、Kendo UI のドキュメントで確認できることから、そのままでは使用できない「サイズ変更」以外にアクセスできるイベントはありません。
もしかして、イベントを見逃した?
そうでない場合:
「サイズ変更」イベントを使用して、ユーザーがサイズ変更を停止したことを判断する方法はありますか?
これまでの私の答えは次のとおりです。
アーキテクチャのニーズにより、私のものはわずかに異なりますが、一般的な解決策は次のとおりです
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;
}
});
underscore.js debounce の使用を検討しましたか? サイズ変更イベントが一定期間(300ミリ秒未満の場合)停止した後にのみトリガーしてから変更するために、それを正常に使用しました。これにより、最後をキャプチャするのにわずかな遅延が追加されますが、私のように最終的なサイズを保存したいだけであれば、問題なく動作します。上記のコードのバージョンを次に示しますが、アンダースコア デバウンスを使用しています。
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 **
};
それが役立つことを願っています。