如何设置pe:timer的文字颜色？

Question

我使用计时器的 primefaces 扩展。我在数据列表组件中显示多个计时器，这些数据列表组件显示在数据 table.

的单元格中

我使用样式参数更改每个单元格的颜色，值来自 bean 值。对于每个单元格，背景颜色都发生了变化，计时器单元格也是如此，但文本颜色没有改变。

<p:dataTable id="item_#{synopticLocationBean.id}" var="synopticIdBean" value="#{synopticLocationBean.synopticIdBeans}"
                                resizableColumns="false"
                                rendered="true"
                                rowIndexVar="rowIndex">

    <p:column headerText="ID" style="background-color: #{synopticIdBean.backgroundColor}; color: #{synopticIdBean.foregroundColor};">
        <h:outputText value="#{synopticIdBean.number}" />
    </p:column>

    <p:column headerText="Nom" style="background-color: #{synopticIdBean.backgroundColor}; color: #{synopticIdBean.foregroundColor};">
        <h:outputText value="#{synopticIdBean.name}"/>
    </p:column>

    <p:column headerText="Chrono" rendered="#{dashboardView.manageChronometers}" style="background-color: #{synopticIdBean.backgroundColor}; color: #{synopticIdBean.foregroundColor};">
        <p:dataList value="#{synopticIdBean.synopticCounterBeans}" var="synopticCounterBean" type="definition" class="data-zone">
            <pe:timer id="timer_#{synopticLocationBean.id}" 
                    forward="true" 
                    timeout="10000"
                    formatFunction="return displayElapsedTimeForChrono_save('#{synopticCounterBean.name}',
                                                                            '#{synopticCounterBean.startTime}',
                                                                            '#{synopticCounterBean.pauseTime}',
                                                                            '#{synopticCounterBean.endTime}',
                                                                            '#{synopticCounterBean.counterValue}');"/>
        </p:dataList>
    </p:column>
</p:dataTable>

当我在计时器组件上设置样式参数时，出现以下错误：错误解析 /pages/dashboardgeneric/dashboardWip.xhtml：已为元素 "pe:timer".

指定了错误跟踪 [line: 846] 属性 "style"

Answer 1

它看起来应该可以工作，但是 Timer 缺少文档中的样式和样式类属性，但它们应该存在于组件中。我已经创建了一张票来更新文档。

https://github.com/primefaces-extensions/primefaces-extensions.github.com/issues/733

Answer 2

我找到了一个解决方案，我在组件中添加了一个样式 pe:timer 像这样：

<p:dataList value="#{synopticIdBean.synopticCounterBeans}" var="synopticCounterBean" type="definition" class="data-zone">
    <pe:timer id="timer_#{synopticLocationBean.id}" 
        forward="true" 
        timeout="10000"
        formatFunction="return displayElapsedTimeForChrono_save('{synopticCounterBean.name}',
    '#{synopticCounterBean.startTime}',
    '#{synopticCounterBean.pauseTime}',
    '#{synopticCounterBean.endTime}',                                                                            '#{synopticCounterBean.counterValue}');"
    style="color : #{synopticMainLocationIdBean.foregroundColor};"/>
            </p:dataList>

背景色继承自datalist，前景色取datalist声明的值

如何设置pe:timer的文字颜色？

How to set the text color of a pe:timer?

timer

primefaces

primefaces-extensions