剑道多选滚动条单击触发器下拉菜单

时间:2017-05-04 15:05:07

标签: kendo-ui telerik kendo-multiselect

如果在所选项目区域内单击滚动条,是否有办法阻止多选控件展开以显示项目?

这里有一个example的“问题”,至少我希望这不是理想的功能。我希望所选项目向下/向上滚动,而不是在多选控件中公开可选项目。

点击滚动条之前:

Before scrollbar click

点击滚动条后:

After scrollbar click

1 个答案:

答案 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上保持小部件打开,你必须使用事件中的鼠标位置,并检查你是否点击了滚动,这会使这段代码复杂化。