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. 這與樣式有關。 根據需要定義樣式。