Primefaces dataTable 列宽、配色方案、复选框功能

Question

我是 primefaces 和 jsf 的新手，在使用它时遇到了一些问题。

以下是我在 jsf 中使用的代码

<p:dataTable id="plazaId" var="plaza" value="#{coverageBean.plazaDataModel}" selection="#{coverageBean.selectedPlaza}" rowIndexVar="rowIndex" width="100%" border="0" cellspacing="0" cellpadding="0" >
            <p:column id="name" headerText="Select" selectionMode="multiple"
                    style="width:18px" />
            <p:column id="plazaName" headerText="Plaza's" style="width: 50%"  bgcolor="#dcdcdc">
                <h:outputText value="#{plaza.name}" bgcolor="#dcdcdc"></h:outputText>
            </p:column>
            <p:column id="plazaDirect" headerText="Directo" style="width: 10%"  bgcolor="#dcdcdc">
                <h:outputText value="#{plaza.direct}" bgcolor="#dcdcdc"></h:outputText>
            </p:column>
          </p:dataTable>

我已经检查了 Beans 和后端。他们都是正确的。

问题是：

• 我喜欢在此表中使用百分比更改宽度。但它不起作用。
• 我希望所有行都具有相同的颜色。但它显示出交替的颜色（白色和蓝色）
• 有没有办法制作简单的html样式的复选框。但它有点花哨。

任何人都可以帮助解决其中的任何问题。提前致谢

Answer 1

我喜欢在此表中使用百分比更改宽度。但它不起作用。

您的 JSF 视图存在语法问题。它们不是h:outputText 的bgcolor 属性，这是一个样式属性。

<h:outputText value="#{plaza.name}" headerText="Plazas" style="bgcolor: #dcdcdc;" />

p:column 组件也是如此...

<p:column id="plazaName" headerText="Plaza's" style="width: 50%; bgcolor: #dcdcdc;">

这也应该可以解决您的背景颜色问题。

有没有办法制作简单的html样式的复选框。但它有点花哨。

这实际上很难做到。 p:selectBooleanCheckbox 实际上是一个带有 javascript 事件的样式化 div。在这个 div 中有一个隐藏的input type="checkbox"，它作为被回发的表单元素存在。如果不修改我所知道的 javascript 和样式表，您将无法做到这一点。

Answer 2

1. 截至今天，这是不可能的。参考http://code.google.com/p/primefaces/issues/detail?id=2801

2. 这与样式有关。根据需要定义样式。

3. 这与样式有关。根据需要定义样式。