jsf-2 - 在值更改时更改 primefaces 数据表中可编辑列上输入字段的背景颜色

Question

我在数据表中有一个可编辑的列。代码是:

<p:column id="articleDescription" headerText="Article Description" filterBy="#{article.description}" filterMatchMode="startsWith">
  <p:inputText id="description" value="#{article.description}"style="border:none; box-shadow:none;" />
</p:column>

1. 我想更改 inputText 的背景颜色 - 事件描述 - valueChange。我该如何改变它？
2. 此外，它的默认背景颜色应该与其父行的背景颜色相同吗？可能吗？如何做呢？

谢谢，什卡

Answer 1

单元格的背景颜色设置为父行的颜色:

.inputTextStyle {
    background-color: transparent !important;
}

<h:inputText id="vendorDiscountPerInputTxt"
    value="#{articlePromo.descPromoPorcentaje}"
    styleClass="inputTextStyle">
</h:inputText>

此外，在值更改事件时将单元格的背景颜色更改为:

$(document.getElementById(str)).css("background-color", "pink !important");

需要将其标记为重要，因为 primefaces 将其标记为重要。因此，要覆盖它。