如何设置displaytag中的行id[TR]和列id[TD]？

Question

我正在使用 Displaytag 来显示 DataGrid。现在，我必须根据一些计算来更改行的颜色。就像如果

column3 + column4 > coulmn5 的值则行颜色应为黄色

column3 + column4 < coulmn5 的值则行颜色应为红色

column3 + column4 = coulmn5 的值则行颜色应为白色

我认为唯一的方法是使用getElementByID()方法

注意：我不想考虑使用的解决方案getElementsByTagName()[index]，因为稍后列排序可能会改变。

目前我正在使用以下代码，我想更改它。

var rows = tbody.getElementsByTagName("tr");

迭代行对象

var tdObj = rows[i].getElementsByTagName("td")[3]  

Answer 1

首先，我不认为在不修改源代码的情况下可以在 displaytag 中的 td 或 tr 上设置 id。这还没有离开我要做的事情清单，但现在我有一个解决办法给你。

而不是定义你的表：

<display:table id='row' name="..." export="true" requestURI="">
  <display:column property="usefulData" title="Useful data" sortable="true" />
  ... more columns ...
</display:table>

做这个：

<display:table id='row' name="..." export="true" requestURI="">
  <display:column title="Useful data" sortable="true" >
    <span id='${row.usefulData}' class='css_class_selector'>${row.usefulData}</span>
  </display:column>
</display:table>

注意打印数据的范围。现在您可以在表格中选择与打印相关的数据，这可能就是您想要的；选择您的数据，而不是专门选择 td 和 tr。