同じ行のh：outputLabelとrich：comboboxコンポーネントの正しいレイアウト

Question

richfacesを使用して、h:outputLabelとrich:comboboxコンポーネントを同じ行に直接隣接して表示するにはどうすればよいですか？

私が試した2つのアプローチは次のとおりです。

---

＃1の豊富な：レイアウト
は、私が最初 rich:layout & rich:layoutPanelを使用してみましたが、成分は、別々の行に表示されます。ここでは、コードです：

---

＃2時間：

<rich:layout> 
    <rich:layoutPanel position="left" width="100%"> 
    <h:outputLabel for="timeSpanUnitsCombo2" value="Time Span " /> 
    <rich:comboBox id="timeSpanUnitsCombo2" value="#{bean.timeSpanUnitsLabel}" enableManualInput="false">  
     <f:selectItems value="#{bean.timeSpanUnitsList}" /> 
    </rich:comboBox> 
    </rich:layoutPanel> 
</rich:layout> 

そしてここでは、レンダリングされた出力ですpanelGrid
次私はここでも成功をh:panelGridを使用していませんが、試してみました - コンポーネントは、意図したとおりに直接隣接して左揃えにするのではなく、使用可能な領域に均等に配置されます。ここでは、コードがあります：

<h:panelGrid columns="2"> 
    <h:outputLabel for="timeSpanUnitsCombo3" value="Time Span " /> 
    <rich:comboBox id="timeSpanUnitsCombo3" value="#{bean.timeSpanUnitsLabel}" enableManualInput="false">  
    <f:selectItems value="#{bean.timeSpanUnitsList}" /> 
    </rich:comboBox> 
</h:panelGrid> 

そしてここでは、レンダリングされた出力です：RichFacesのと

---

コンポーネントのレイアウトは、徹底的にイライラすることが証明されています。私は、富裕層のレイアウトに関する良い参考文献を持っている人に2位を与えます。 :)

Answer 1

これは多くの方法で行うことができます。そのうちの1つはフラグメントを使用することです

<s:fragment> 
     <h:outputText value="Time Span" /> 
     <rich:comboBox id="timeSpanUnitsCombo2" value="#{bean.timeSpanUnitsLabel}" enableManualInput="false">  
      <f:selectItems value="#{bean.timeSpanUnitsList}" /> 
     </rich:comboBox> 
</s:fragment> 

フラグメントの代わりにdivを使用できます。フラグメントは、この問題で助けることができる：あなたは縫い目を使用している場合<div> your code...</div>

Answer 2

、あなたは<s:decorate>でそれをラップし、アクションに縫い目から<s:label>

を使用することができます

....<s:label> and <s:message>. The benefit of using the Seam tags is that they are automatically correlated with the adjacent input component, a feature of <s:decorate>