javascript - 如何在显示标签中设置行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。这还没有离开我要做的事情 list ，但现在我有一个解决方法给你。

而不是定义你的表:

<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。