我使用 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']"
提前致谢
最佳答案
使用多项选择
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
属性采用数字索引数组
关于javascript - 使用核心选择器的 polymer - 如何使用数组设置选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30025767/