如何在一行JSF中创建元素

Question

如何使元素在一行中呈现如下图所示:

这是代码:

                                <h:outputLabel
                                        value="&#160;#{cdocmsgs['promo.action.name']}&#160;"
                                        id="promo_action_name_id"/>

                                <h:selectOneMenu id="promotion" widgetVar="sub" tabindex="206"
                                                 styleClass="select-fix-average"
                                                 value="#{cdocBean.entity.promoActionName}" effect="fade"
                                                 required="#{cdocBean.entity.promotion}" requiredMessage="#{cdocmsgs['enter.promo']}">
                                    <f:selectItem itemLabel="#{cdocmsgs['promoSelect']}"
                                                  itemValue="" />
                                    <f:selectItems value="#{promoActionBean.DAO.resultList}"
                                                   var="item" itemLabel="#{item.name}" itemValue="#{item.name}" />
                                </h:selectOneMenu>
                                <h:outputText value="" />
                                <h:outputText value="" />


                                <h:outputLabel value="&#160;#{cdocmsgs['source.of.info']}&#160;"
                                               id="whenId"/>
                                <h:selectOneMenu id="source" widgetVar="sub"
                                                 styleClass="select-fix-average"
                                                 value="#{cdocBean.entity.source}" effect="fade" tabindex="206"
                                                 required="#{cdocBean.entity.promotion}" requiredMessage="#{cdocmsgs['enter.source']}">
                                    <f:selectItem itemLabel="#{cdocmsgs['sourceSelect']}"
                                                  itemValue="" />
                                    <f:selectItems value="#{adSourceBean.DAO.resultList}" var="item"
                                                   itemLabel="#{item.name}" itemValue="#{item.name}" />
                                </h:selectOneMenu>

我已经放置了h:panelGroup但它没有帮助.

Answer 1

您可以像这样使用h:panelGrid:

<h:panelGrid columns="3" columnStyles="style1, style2, style3">    
    <jsfelement 1 />
    <jsfelement 2 />
    <jsfelement 3 />

    <jsfelement 4 />
    <jsfelement 5 />
    <jsfelement 6 />    
</h:panelGrid>

它看起来像这样:

element1 element2 element3

element4 element5 element6

并呈现为一个html表.您当然可以随意设计它.