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>

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

问题是：

• 我喜欢使用此表中的百分比更改宽度。 但是它不起作用。
• 我希望所有行都具有相同的颜色。 但显示替代颜色（白色和蓝色）
• 并且有一种方法可以使简单的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. 这与样式有关。 根据需要定义样式。