代码之家 › 专栏 › 技术社区 › Matthew

如何获取Vaadin网格的行索引

vaadin-grid polymer-2.x vaadin

Matthew · 技术社区 · 8 年前

我正试着循环通过 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>

……

_selectRow() {
  // Programmatically select row
}

我可以选择行数据 this.$.grid.items[arrayIndex] ……

如何选择行以设置行样式?

1 回复 | 直到 8 年前

Matthew 8 年前

根据吉尔伯托的建议:

<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'
}

推荐文章

shweta singh · TwinColselect.setItem花费的时间太长

3 年前

Community wiki · 谷歌番石榴单例事件总线多次触发

3 年前

Ramdhas · DIV标记内的日期格式化程序

4 年前

hd42 · 如何在多列linkki节中跨越多列

8 年前

Luca Magnotta · 缩放后,Vaadin图表导出到SVG

8 年前

Piro · 如何在整个Vaadin 7应用程序中设置自定义字体

8 年前

alexanoid · Vaadin会话和Spring安全身份验证对象

8 年前

kscherrer · Vaadin 8-在组合框中排序项目<整数>

8 年前

kscherrer · Vaadin 8.2.0网格-如何从多重选择复选框中删除标签

8 年前

Luis Cordn Tortulec · 如何在Grid Vaadin 8中使用setSortOrderProvider?

8 年前