javascript - 使用核心选择器的 polymer - 如何使用数组设置选定值

Question

我使用 polymer 0.5，特别是核心选择器元件:

<core-selector multi valueattr="label" id="specialisms" layout horizontal wrap around-justified>
    <div class="item core-selected" label="label1" active>Boo</div>
            <div class="item core-selected" label="label1" active>Baa</div>
            <div class="item" label="label1">Cow</div>
</core-selector>

如何使用数组给出多个选定值？最好的方法是什么？

是否可以像这样给出 key :

selected="['key1','key2','key3']"

提前致谢

Answer 1

使用多项选择

HTML

<core-selector selected="{{multiSelected}}" multi>
    <div>Item 0</div>
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
    <div>Item 4</div>
</core-selector>

Javascript

Polymer({
    ready: function() {
        this.multiSelected = [0,1,2];
    }
});

或者当您不使用自定义元素时

<script>
    document.addEventListener('polymer-ready', function(e) {
        var tmp = document.querySelector('#template');
        tmp.multiSelected = [0,1,2];
    });
</script>

selected 属性采用数字索引数组

取自 core-selector demo