1

如何有效地在primefaces中使用分隔符？

对于以下输出，分隔符显示为下一行中的元素之一。理想情况下，我希望分隔符在一行中，然后显示其他输入元素。我附上了如何显示分隔符的屏幕截图，因为它显示在第二行的第 5 个元素。

任何帮助都是非常可观的。

JSF 代码

<p:panelGrid columns="4" id="mypanel">
 <f:facet name="header">
      Projects
      </f:facet>

<p:outputLabel value="Project: ">
    <p:inputText required="true"
 readonly="true">
 </p:inputText>
</p:outputLabel>

<p:outputLabel value="Project Title: " >
<p:inputText readonly="true">
</p:inputText>
</p:outputLabel>

<p:outputLabel value="Is selected " >
<p:selectBooleanCheckbox value="" />
</p:outputLabel>

<p:outputLabel value="Is approved"  >
<p:selectBooleanCheckbox value="" />
</p:outputLabel>

<p:separator>

</p:separator>  
    ... other elements

在此处输入图像描述

4

1 回答 1

2

首先，考虑组件for属性的使用<p:outputLabel>。你不应该在<p:inputText>里面筑巢<p:outputLabel>。

接下来，您可以使用<p:row>and<p:column>来描述一个更复杂的内容结构<p:panelGrid>。

试试这个：

<p:panelGrid id="mypanel">
    <f:facet name="header">Projects</f:facet>
    <p:row>    
        <p:column>
            <p:outputLabel value="Project:" for="project">
            <p:inputText required="true" readonly="true" id="project"/>  
        </p:column>
        <p:column>
            <p:outputLabel value="Project Title:" for="title" />
            <p:inputText readonly="true" id="title"/>
        </p:column>
        <p:column>
            <p:outputLabel value="Is selected:" for="isSel"/>
            <p:selectBooleanCheckbox value="" id="isSel"/>
        </p:column>
        <p:column>
            <p:outputLabel value="Is approved:" for="isApp"/>
            <p:selectBooleanCheckbox value="" id="isApp"/>
        </p:column>
    </p:row>
    <p:row>
        <p:column colspan="4">  
            <p:separator />
        </p:column>  
    </p:row>
    <p:row>
        <!-- Other elements. -->
    </p:row>
</p:panelGrid>

您也可以看到现场演示。

于 2013-07-31T16:53:21.453 回答