如何通过鼠标拖动选择铁选择器中的多个元素

Question

如何通过单击，按住并拖动鼠标，甚至用鼠标绘制矩形，并选择其下的所有项目，在iron-selector内选择多个项目？

我使用Polymer 1.11.3和iron-selector 2.1.0，并且阅读文档没有提供明显的解决方案。

这是我想要启用拖动选择的实际元素：

我的目标是能够点击例如在星期日7，将鼠标拖动到15，释放单击，并选择7-15。

Answer 1

您可以使用iron-selector属性选择multi中的多个项目：

 <iron-selector attr-for-selected="name" selected-items = "{{selected}}" multi>
    <div name="foo">Foo</div>
    <div name="bar">Bar</div>
    <div name="zot">Zot</div>
  </iron-selector>

所选项目将是selected属性的数组。

DEMO