<vaadin-grid items="[[data]]" width="100%" hidden$="[[loading]]" id="grid" active-item="{{activeItem}}">
<vaadin-grid-column width="36pt" flex-grow="0">
<template class="header">
<h3>#</h3>
</template>
<template>
<p class="center">[[i(index)]]</p>
</template>
</vaadin-grid-column>
</vaadin-grid>
使用vaadin-grid
上的有效项属性,您可以在单击该行时选择行中包含的数据模型。
有没有办法用按钮进行相同的选择?
<vaadin-grid items="[[data]]" width="100%" hidden$="[[loading]]" id="grid" active-item="{{activeItem}}">
<vaadin-grid-column width="36pt" flex-grow="0" id="child">
<template class="header" id="col">
<h3>#</h3>
</template>
<template>
<paper-button on-tap="getRowData>Get</paper-button>
</template>
</vaadin-grid-column>
</vaadin-grid>
...
getRowData() {
// do something
}
我无法找到合适的选择器。我试过了:
this.$.child.parentElement.activeItem;
this.$.child.parentElement.selectedItems;
this.$.col.select();