dartlang：如何突出显示表格行？

Question

我是 dart 新手，所以这似乎是一个愚蠢的问题，但我想根据列值将不同的 CSS 应用于不同的行：

<table id="requests">
      <tr>
        <td>Title</td>
        <td>Status</td>
        <td>Date</td>
        </tr>
         <tr>
        <td>Foo</td>
        <td>Approved</td>
        <td>Date</td>
        </tr>
         <tr>
        <td>Bar</td>
        <td>Denied</td>
        <td>Date</td>
        </tr>
         <tr>
        <td>Ipsum</td>
        <td>None</td>
        <td>Date</td>
        </tr>
      </table>

到目前为止，我可以做到这一点：

queryAll("tr td").classes.add("foo");

但我想知道如何获取其列具有“已批准”值的所有行。

Answer 1

这是一种从代码中快速完成的肮脏方法：

  querySelectorAll('tr').where(
      (tr)=> tr.children.any(
         (td)=>td.text == 'Approved'
       )
  )
  .forEach((approvedTr)=>approvedTr.classes.add('approved'));

但是我真的推荐你使用数据绑定框架（如Polymer，或AngularDart）来设置根据数据不同的样式/类别。它更易于使用。

[A new thread was opened about doing this using Polymer]