如果在所选项目区域内单击滚动条,是否有办法阻止多选控件展开以显示项目?
这里有一个example的“问题”,至少我希望这不是理想的功能。我希望所选项目向下/向上滚动,而不是在多选控件中公开可选项目。
点击滚动条之前:
点击滚动条后:
答案 0 :(得分:2)
在多选小部件上的mousedown事件上打开多选列表。当点击元素滚动条时,也会触发与点击事件不同的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();
});
Kendo dojo,例如:http://dojo.telerik.com/urUYU
如果你想在mousedown上保持小部件打开,你必须使用事件中的鼠标位置,并检查你是否点击了滚动,这会使这段代码复杂化。