【问题标题】:implement dynamic row colour based on 1 column data in dynamic datatable using p;columns使用 p;columns 根据动态数据表中的 1 列数据实现动态行颜色
【发布时间】:2018-03-01 02:05:08
【问题描述】:

我正在使用 p:Columns 创建一个动态数据表。 我想根据一列值动态地将颜色应用于行, 目前能够在一列上实现,

请帮助我使用列数据动态设置行的颜色。 这是代码。

<p:dataTable value="#{sampleMB.rows}" var="row" resizableColumns="true" scrollable="true">
                <p:columns value="#{sampleMB.mapperList}" var="column" style="text-align: center; min-width:50px; background-color:#{ 
                    row[column] eq 'EXTERNAL' ? 'red' : row[column] eq 'INTERNAL' ? 'green' : ''}" sortBy="#{row[column]}">
                    <f:facet name="header">
                        <h:outputText value="#{column}" />
                    </f:facet>
                    <h:outputText value="#{row[column]}" />
                </p:columns>
                        </p:dataTable>

【问题讨论】:

  • 试试的rowStyleClass标签,给你逻辑primefaces.org/showcase/ui/data/datatable/rowColor.xhtml
  • 我无法将逻辑添加到 rowStyleClass,根据上面的代码,我们在 p:columns 内部迭代后获取列数据......我们如何在迭代之前将相同的数据用于 rowstyle。如果有,请提供一些示例代码。
  • 您能否提出更多代码问题,例如您的#{sampleMB.rows} 类型的行和#{sampleMB.mapperList} 类型的mapperList,它们应该是某种方式。
  • 我已经使用 List> 行从 DB 中设置(从表中选择*),这里的映射键是用表头设置的,映射值对象是用相应的数据设置的. Listma​​pperList 是与映射键匹配的列标题,p:datatable 正在迭代来自映射的数据,而 p:columns 用于迭代列标题并将标题传递给映射以获取相应的值以显示在 h :输出文本。现在我想使用列值为行着色

标签: primefaces jsf-2 datatable dynamic-tables


【解决方案1】:

在 JSF 的 STYLE 部分的“td”中定义所需的颜色组合

<style type="text/css">
    .colored td{
        background-color: red;
        color: white;
    }
</style>

在dataTable中使用:

<p:dataTable value="dataModelList" var="current"
    .....
    rowStyleClass = "#{BooleanTest ? '' : 'colored'}" 
>

【讨论】:

  • 你如何根据p:columns中某物的值做booleanTest?
  • 这里是一个例子:rowStyleClass = "#{current.valid ? '' : 'colored'}"
  • 不是来自列标签,而是来自数据表。阅读第二条评论。 “我无法将逻辑添加到 rowStyleClass,根据上面的代码,我们在 p:columns 内部迭代后获取列数据......我们如何在迭代之前将相同的数据用于 rowstyle。”。否则这个问题只是其他问题的重复
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-15
  • 1970-01-01
相关资源
最近更新 更多