Простые столбцы dataTable ширина столбца, цветовая схема, функциональность флажков - PullRequest
1 голос
/ 02 марта 2012

Я новичок в 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>

Я проверил Бобы и бэкэнд. Они все правильные.

Проблемы:

  • Мне нравится изменять ширину, используя процент в этой таблице. Но это не работает.
  • Мне нравится, чтобы все строки были одного цвета. Но он показывает альтернативные цвета (белый и синий)
  • И есть ли способ сделать флажок простым стилем HTML. Но это немного необычно.

Может ли кто-нибудь помочь с любой из этих проблем. Заранее спасибо

Ответы [ 2 ]

3 голосов
/ 02 марта 2012

Мне нравится изменять ширину, используя процент в этой таблице. Но это не работает.

У вас проблемы с синтаксисом в представлении JSF. Это не bgcolor атрибут h:outputText, это атрибут стиля.

<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 - это действительно стилизованный div с прикрепленными к нему событиями javascript. Внутри этого div находится скрытый input type="checkbox", который существует как элемент формы, который отправляется обратно. Вы не можете сделать это, не повредив javascript и таблицы стилей, о которых я знаю.

2 голосов
/ 02 марта 2012
  1. На сегодняшний день это невозможно. См. http://code.google.com/p/primefaces/issues/detail?id=2801

  2. Это связано со стилем. Определите стиль как требуется.

  3. Это связано со стилем. Определите стиль как требуется.

...