2017-05-04 6 views
0

選択項目エリア内でスクロールバーがクリックされた場合、マルチ選択コントロールがアイテムを表示するのを防ぐ方法はありますか?剣道マルチスクロールスクロールバークリックトリガーがドロップする

「問題」のexampleがあります。少なくとも、これは望ましい機能ではないことを願っています。選択したアイテムを下/上にスクロールし、マルチセレクションコントロール内の選択可能なアイテムを公開しないようにします。

スクロールバーをクリックする前に:

Before scrollbar click

スクロールバーをクリックした後:

After scrollbar click

答えて

1

複数選択リストが複数選択ウィジェット上のマウスダウンイベントを開いています。また、要素のスクロールバーをクリックすると、クリックイベントとは異なりマウスイベントが発生します。

この動作を変更する最も簡単な方法は、マルチセレクションを開いているものを変更することです。あなたがウィジェットの開口部を残しておきたい場合はhttp://dojo.telerik.com/urUYU

var multiselectwrap = multiselect.element.closest('.k-multiselect').find('.k-multiselect-wrap'); 
multiselectwrap.on('mousedown', function(e){ 
    e.stopPropagation(); 
}); 

と第二あなたはクリックで開いている複数選択をトリガすることができます:例と

multiselectwrap.on('click', function(e){ 
    multiselect.open(); 
}); 

剣道道場だから、最初のあなたをオリジナルのイベントを停止する必要がmousedownではイベントからマウスの位置を使用してスクロールするかどうかを確認しなければならなかったし、このコードを複雑にするだろう。

+0

私が何をしたか正確に、ありがとう – Sandman

関連する問題