1

下の画像に示すように、要素を 1 行でレンダリングする方法:

ここに画像の説明を入力

コードは次のとおりです。

                                <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 を配置しましたが、役に立ちませんでした。

4

3 に答える 3

6

次のように h:panelGrid を使用できます。

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

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

次のようになります。

要素1 要素2 要素3

要素4 要素5 要素6

そして、html テーブルとしてレンダリングされます。もちろんお好みのスタイリングも可能です。

于 2012-10-25T10:44:16.337 に答える
0

シンプルなhtmlを使用することは1つのオプションです。

または、それを行うための facelets に panelGrid と panelGroup があります。通常、panlGroup は panelGrid 内で使用され、複数のコンポーネントを 1 つのセルにグループ化します。

例: http://www.jsftoolbox.com/documentation/help/12-TagReference/html/h_panelGrid.html

于 2012-10-25T10:33:41.123 に答える
0

これは、html テーブルを使用して実現できます。

<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td><h:outputLabel value="&#160;#{cdocmsgs['promo.action.name']}&#160;"
                                    id="promo_action_name_id"/></td>
    <td><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></td>
         <td><h:outputText value="" /></td>
         <td><h:outputText value="" /></td>
  </tr>

</table>
于 2012-10-25T16:44:55.877 に答える