如何获取vaadin网格的行索引
我试图通过如何获取vaadin网格的行索引,vaadin,polymer-2.x,vaadin-grid,Vaadin,Polymer 2.x,Vaadin Grid,我试图通过vaadin grid行来设置行样式,但是,我在选择行时遇到了问题 <vaadin-grid id="grid" items="[[data]]"> <vaadin-grid-column> <template class="header"> <vaadin-grid-sorter path="noLine"> <h1>Line No.</h1> </vaa
vaadin grid
行来设置行样式,但是,我在选择行时遇到了问题
<vaadin-grid id="grid" items="[[data]]">
<vaadin-grid-column>
<template class="header">
<vaadin-grid-sorter path="noLine">
<h1>Line No.</h1>
</vaadin-grid-sorter>
</template>
<template>
<p>[[item.noLine]]</p>
</template>
</vaadin-grid-column>
我可以使用this.$.grid.items[arrayIndex]
选择行数据
如何选择行来设置行样式?根据Gilberto的建议:
<vaadin-grid-column>
<template class="header">
<vaadin-grid-sorter path="qty">
<h3>Qty</h3>
</vaadin-grid-sorter>
</template>
<template>
<p style$="color: [[setCellStyle(item.qty item.qtyOther]]</p>
</template>
</vaadin-grid-column>
数量
根据呈现的项设置网格内容样式的一个选项是使用内联样式绑定。例如[[item.noLine]]
。这是一个有趣的解决方案。谢谢
<vaadin-grid-column>
<template class="header">
<vaadin-grid-sorter path="qty">
<h3>Qty</h3>
</vaadin-grid-sorter>
</template>
<template>
<p style$="color: [[setCellStyle(item.qty item.qtyOther]]</p>
</template>
</vaadin-grid-column>
setCellStyle(qty, qtyOther) {
if(qty <= qtyOrder) return 'black'
else return 'orangered'
}