我正在尝试根据paper-tab
属性选择data-id
。我有元素,但无法更改为selected
的inner_tabview
属性。
我有聚合物:
<paper-tabs id="inner_tabview" noink="true">
<template repeat="{{item in tabNames}}">
<paper-tab data-id="{{item['id']}}"><h3>{{item['name']}}</h3></paper-tab>
</template>
</paper-tabs>
还有一些Dart代码:
selectTab(itemId) {
PaperTab item = shadowRoot.querySelector("paper-tab[data-id='" + itemId + "']");
print('Selecting: ' + itemId + ', text:' + item.text);
PaperTabs tabView = shadowRoot.querySelector('#inner_tabview');
tabView.selected = item; // This doesn't work
}
使用整数(索引)更改所选内容有效,但我不知道索引应该是什么。
我目前唯一想到的就是找到所有
paper-tab
元素,并获取该List
中正确元素的索引。但这听起来有点愚蠢。还有其他方法吗?
最佳答案
我不知道为什么querySelector
不起作用,但是selected
默认需要一个索引而不是一个元素。
如果指定valueattr
属性,则可以使用索引以外的其他属性。
<paper-tabs id="inner_tabview" noink="true" valueattr="data-id">
<template repeat="{{item in tabNames}}">
<paper-tab data-id="{{item['id']}}"><h3>{{item['name']}}</h3></paper-tab>
</template>
</paper-tabs>
然后
tabView.selected = itemId;
应该也可以
关于dart - 设置所选的纸制标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29921192/