2012-02-18 55 views
1

我在dataTable中具有可编辑的颜色。该代码是:更改数据表中可编辑颜色的inputfield的背景颜色数据表上的数据更改

<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. 此外,它的默认背景颜色应该与其父行相同?可能吗?如何做呢?

感谢, Shikha

回答

2

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

.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标记为重要的是需要为重要。所以,重写它。

0

我想改变的inputText的背景颜色 - 描述的事件 - valueChange。我该如何改变它?

change事件的输入元件期间只需执行一些JavaScript/jQuery的(PrimeFaces附带jQuery的捆绑,你并不需要自行安装)。


另外,它的默认背景颜色应该是相同的父行的?可能吗?如何做呢?

使用jQuery很容易获取父行并获取其CSS background-color属性。


假设你要去了jQuery方向,它会是这个样子

<p:inputText styleClass="changeable" /> 

​​
+0

风格类未被选中。 '<号码:列ID = “articleDescription” HEADERTEXT = “文章说明” \t \t \t \t \t filterBy = “#{article.description}” filterMatchMode = “startsWith”> \t \t \t \t \t \t \t \t \t“和我定义在CSS相同'的.ui-inputfieldStyle { \t边界:无;框阴影:无; “ \t}'这里有什么遗漏或者不正确的? – 2012-02-21 05:11:48

+0

你给了他们不同的名字 – BalusC 2012-02-21 05:17:05

+0

这里输入错误”inputfieldStyle“在两个地方都被使用,两个名字都是一样的,还没有得到应用 – 2012-02-21 05:29:01