2017-05-04 23 views
0

如果滾動條在所選項目區域內被點擊,是否有辦法阻止多選控件擴展以顯示項目?Kendo多選滾動條點擊觸發器下拉

這裏有一個example的「問題」,至少我希望這是不可取的功能。我期望選定的項目向下/向上滾動,而不是暴露多選控件中的可選項目。

滾動條之前點擊:點擊滾動條

Before scrollbar click

後:

After scrollbar click

回答

1

多選列表打開上的多選控件mousedown事件。當點擊元素滾動條時,觸發點擊事件也會觸發。

最簡單的方法來改變這種行爲是改變事件打開多選。所以,首先你必須停止原單事件:

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(); 
}); 

劍道道場與例如:http://dojo.telerik.com/urUYU

如果你想保持部件開幕在mousedown你必須使用鼠標從事件的位置,並檢查你是否點擊滾動或不,這會使這個代碼複雜。

+0

正是我以後的樣子,謝謝 – Sandman