css - 在 ajax 更新上添加 CSS 类？

Question

我有一个 JSF 应用程序，我生成了 <table> s 动态地基于一些数据。对于每个单元格，我动态生成 css 类，并将所有类写入 *.jsf 文件(使用 ResponseWriter )

一个简化的结果页面:

<div id="styles">
  <style type="text/css">
cell1 {
    color: red;
}
cell2 {
    color: blue;
}
cell3 {
    color: black;
}
cell4 {
    color: green;
}
</style>
</div>

<table style="width:100%">
  <tr>
    <td class="cell1">Jill</td>
    <td class="cell2">Smith</td> 
  </tr>
  <tr>
    <td class="cell3">Eve</td>
    <td class="cell4">Jackson</td> 
  </tr>
</table>

表格可以很大，单元格可以共享相同的样式。

单元格样式可以根据表格中的一些用户输入而改变。我可以在 ajax 请求覆盖 ​​UIComponent.visitTree(VisitContext context, VisitCallback callback) 时更新单元格但我不知道是否以及如何添加额外的 css 类。

Answer 1

我想我找到了一个解决方案:在UIComponent.visitTree(VisitContext context, VisitCallback callback)里面我可以重写单元格 ( <td> ) 并添加 <style type="text/css">标记为 <td> 的子项标记向其添加新的 CSS 类。