【问题标题】:JSF ace: datatable conditional row stylingJSF ace:数据表条件行样式
【发布时间】:2014-03-16 08:59:19
【问题描述】:

我有使用 ACE Datable 的 jsf 页面。我需要根据条件为行着色,所以我使用数据表的 rowStyleClass 属性。

<ace:dataTable value="#{bookingListAndEditController.bookingList}"
                           rowStyleClass="#{booking.pickupTime.before(bookingListAndEditController.currentDate)?'jsfcrud_odd_row':null}"
                           var="booking" filterEvent="enter" paginator="true" rows="20" selectionMode="multiple"
                           rowSelectListener="#{bookingListAndEditController.rowSelected}"                           
                           rowUnselectListener="#{bookingListAndEditController.rowUnselected}" stateMap="#{bookingListAndEditController.stateMap}">

但它似乎不起作用。谁能告诉我我做错了什么?

【问题讨论】:

  • 你想为奇数行赋予不同的颜色吗?

标签: jsf jsf-2 icefaces-3


【解决方案1】:

永远记住,var bookingbookingList 的对象,并且仅可用于 ace:dataTable 的子元素。对所有列重复 styleClass,以便为整行应用样式,并且仅对预订取件时间小于当前时间的行应用样式。

        <ace:dataTable value="#{bookingListAndEditController.bookingList}" 
                       var="booking" filterEvent="enter" paginator="true" rows="20" selectionMode="multiple"
                       rowSelectListener="#{bookingListAndEditController.rowSelected}"                           
                       rowUnselectListener="#{bookingListAndEditController.rowUnselected}" stateMap="#{bookingListAndEditController.stateMap}">
           <ace:column styleClass="#{booking.pickupTime.before
               (bookingListAndEditController.currentDate)?'jsfcrud_odd_row':''}">
           ..
           </ace:column>

                 .......
           <ace:column styleClass="#{booking.pickupTime.before
               (bookingListAndEditController.currentDate)?'jsfcrud_odd_row':''}">
           ..
           </ace:column>

【讨论】:

  • 我不需要为奇数行着色,我需要的是在预订取件时间小于当前时间时为该行着色。 "#{booking.pickupTime.before(bookingListAndEditController.currentDate)?'jsfcrud_odd_row':null}"
  • 您需要使用适当的命名约定。 jsfcrud_odd_row 表示您正在尝试执行奇数或偶数之类的操作!
  • 很抱歉给您带来了困惑。下次我一定会使用一个好的命名约定。我会尝试解决方案并返回。
猜你喜欢
  • 2011-01-14
  • 2012-02-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-27
  • 1970-01-01
  • 1970-01-01
  • 2012-02-03
相关资源
最近更新 更多