如何启用shift键 - 在主要选择列表中进行多项选择?

时间:2018-02-09 08:41:20

标签: angular multi-select primeng shift

我正在使用prime ng api中的主要选择列表:https://www.primefaces.org/primeng/#/picklist

我在这里面临的一个问题是,选项列表不支持多选。

多选的示例:http://jsfiddle.net/bMgpc/170/

在小提琴中,给出的代码是:

$(document).ready(function() {
    $('ul').multiSelect({
        unselectOn: 'body',
        keepSelection: false,
    });
});

如何使用shift键启用多项选择,我可以在哪里执行范围选择?

非常感谢任何帮助...

1 个答案:

答案 0 :(得分:0)

首先,将JQuery与Angular一起使用是一种反模式。所以要避免这种情况,不要使用这个小提琴提供的解决方案。

其次,来自文档:

  

多项选择

     

可以使用metaKey选择多个项目,也可以根据metaKeySelection属性值的值单独切换多个项目,默认情况下为true。在启用触摸的设备上,metaKeySelection会自动关闭。

显然,默认情况下启用了多项选择。

你没有成功,因为metakey实际上是Ctrl,而不是Shift:)

您还可以使用[metaKeySelection]="false"允许您的用户直接点击项目来选择它们,而不需要metakey(如果我理解正确的话)。