[JSF] dataTable一览明细内容中的控件变色的问题--mxm_1123进

Question

JSP 内容如下： <h:dataTable id="table" border="0" binding="#{Omw1001s01Bean.seihinList}" var="line"
columnClasses="list01, list02, list03, list04">

<h:column>
<h:outputText value="#{line.no}" style="width :65px;text-align: center;font:10pt;"></h:outputText>
</h:column>
<h:column>
<h:outputText value="　"></h:outputText>
<h:inputText styleClass="inputText" id="oldSeihinCd" value="#{line.oldSeihinCd}" style="width :110px;text-align:left;" size="7" maxlength="7"></h:inputText>
<h:outputText value="　"></h:outputText>
<h:commandButton value="商品選択" onclick="return JS('#{line.no}','Omw1001s01Bean:lineno')"
styleClass="commandButton" id="search_pop"  actionListener="#{Omw1001s01Bean.doEvent}" action="#{Omw1001s01Bean.getRetForward}">
</h:commandButton>
</h:column>
<h:column>
<h:outputText value="　"></h:outputText>
<h:outputText value="#{line.seihinName}" style="width :390px;text-align:left;"></h:outputText>
</h:column>
<h:column>
<h:outputText value=" "></h:outputText>
<h:inputText styleClass="inputText" id="inpCs" value="#{line.inpCs}" size="6" maxlength="6"></h:inputText>
<h:outputText value=" "></h:outputText>
<h:outputText value="数" style="font:10pt"></h:outputText>
<h:outputText value="　"></h:outputText>
<h:inputText styleClass="inputText" id="inpHon" value="#{line.inpHon}" size="6" maxlength="6"></h:inputText>
<h:outputText value=" "></h:outputText>
<h:outputText value="本" style="font:10pt"></h:outputText>
</h:column> </h:dataTable>
JAVA内容如下：
        ArrayList list = new ArrayList<ShouhinMeisaiListInfo>();
        
        for (int i = 0; i < count; i++) {
            ShouhinMeisaiListInfo shouhinMeisai = new ShouhinMeisaiListInfo();
            
            //行番
            shouhinMeisai.setNo(i + 1);
            
            //商品コード
            shouhinMeisai.setOldSeihinCd("000001");
            
            //商品名称
            shouhinMeisai.setSeihinName("商品名称");
            
            //数
            shouhinMeisai.setInpCs(999);
            
            //本
            shouhinMeisai.setInpHon(888);            list.add(shouhinMeisai);
        }            
        // 商品情報一覧
        HtmlDataTable dataTable = bean.getSeihinList();        dataTable.setValue(list);
        
        bean.setSeihinList(dataTable);请问，怎么让其中的一个控件变色啊？
    1，商品コード入力框里面的入力内容变成红色。
    2，商品名称的显示变成红色
    3，数和本的入力框的入力内容变成红色。我知道有个属性是  setStyle("color:red")
但是dataTable这样设的话整个明细内容都变色了。单独的控件可以这样设。我的要求就是如果我输入的内容错的话，相对应的入力框的入力内容变色以便醒目的提醒这个值是错的。谢谢拉！！！！

Answer 1

以<h:inputText styleClass="inputText" id="inpCs" value="#{line.inpCs}" size="6" maxlength="6" > </h:inputText >为例
你可以这样写（以下写的比较简单，只是说明）:
<h:inputText id="inpCs" value="#{line.inpCs}" style="#{bean.impCsStyle}"/> 
你可以改变bean.impCsStyle的值实现样式的不同。如不正常时它的值为"color:red",正常时为"color:black"
当然style=""中也是可以写EL表达式的。
至于你怎么去改变这个值，或者在什么时候去改变，你要自己去好好的考虑考虑了（不简单呀）