Tô màu các hàng có thể điều chỉnh dựa trên điều kiện trong JSF 2

Question

Tôi muốn thay đổi màu nền của các hàng dựa trên điều kiện.

<t:dataTable id="data" 
       styleClass="history-table" 
       headerClass="history-table-header" 
       rowClasses="history-table-row-default" 
       border="2" cellpadding="5" cellspacing="2" 
       var="entry" 
       value="#{historyBean.logEntryList}" 
       preserveDataModel="false" 
       rows="#{historyBean.history.rowCount}" 
       sortable="true"> 

      <h:column> 
       <f:facet name="header"> 
       <h:outputText value="Debug Status" /> 
       </f:facet> 
       <h:outputText value="#{entry.action}" /> 
      </h:column> 

Nếu giá trị của "entry.action" được XI thích sử dụng "lịch sử-table-hàng-không đầy đủ" (tên của styleClass), nếu giá trị là YI muốn sử dụng "lịch sử -table-row-error "(tên của styleclass). Tất cả các trường hợp khác nên sử dụng giá trị mặc định.

Tôi đoán tôi phải lấy đối tượng hiện tại của mục nhập bằng cách nào đó để đậu của tôi, phân tích nó và trả về một chuỗi với tên của lớp con để outputText để thay đổi màu sắc. Nhưng tôi không biết làm thế nào ... (Tôi mới trong JSF ...)

Ai đó có thể giúp tôi không?

Answer 1

Sử dụng thuộc tính rowStyleClass của <t:dataTable> thay vì rowClasses. Các rowStyleClass được đánh giá trên một cơ sở mỗi hàng nơi có sẵn var="entry", trong khi rowClasses chỉ được đánh giá trên cơ sở mỗi bảng.

<t:dataTable ... rowStyleClass="#{entry.action == 'X' ? 'history-table-row-incomplete' : (entry.action == 'Y' ? 'history-table-row-error' : 'history-table-row-default')}"> 

Answer 2

Bạn có thể sử dụng JSF EL hành ternary, như sau:

rowStyleClass="#{entry.action eq X ? 'history-table-row-incomplete' : (entry.action eq Y ? 'history-table-row-error' : 'default')}"