質問
3つのドロップダウンリストがあります <h:selectOneMenu>
, 、a <p:dataTable>
. 。 3つのドロップダウンリストをデータテーブルと並べて並べてほしい。私が今持っているように、3つのドロップダウンリストはデータテーブルの上にあります。私はより大きなテーブルを作成し、3つのドロップダウンリストを1つの列に入れて、 <h:dataTable>
別の列で並んでレイアウトを取得しますが、機能しません。これが私がこれまでに得たものです
<h:selectOneMenu id="customer" value="#{DMBackingBean.customer}">
<f:selectItem itemLabel="Select Customer" itemValue="" />
<f:selectItems value="#{DMBackingBean.customers}"/>
<p:ajax actionListener="#{DMBackingBean.handCustomerChange}" update="facility" event="change"/>
</h:selectOneMenu>
<br/><br/>
<h:selectOneMenu id="facility" value="#{DMBackingBean.facility}">
<f:selectItem itemLabel="Select Facility" itemValue=""/>
<f:selectItems value="#{DMBackingBean.facilities}"/>
</h:selectOneMenu>
<br/><br/>
<h:selectOneMenu id="project" value="#{DMBackingBean.project}">
<f:selectItem itemLabel="Select Projet" itemValue=""/>
<f:selectItems value="#{DMBackingBean.projects}"/>
</h:selectOneMenu>
<p:dataTable var="item" value="#{DMBackingBean.drawings}" selection="#{DMBackingBean.selectedDrawing}" selectionMode="single">
<p:column>
<f:facet name="header">
<h:outputText value="DrawingType"/>
</f:facet>
<h:outputText value="#{item.drawingType}"/>
</p:column>
...
</p:dataTable>
解決
ふたつのやり方:
aを作成します
h:panelGrid
ドロップダウンを1つに入れますh:panelGroup
. 。h:panelGrid
HTMLをレンダリングします<table>
それぞれの子供を独自の要素<td>
エレメント。<h:panelGrid columns="2"> <h:panelGroup> <h:selectOneMenu>...</h:selectOneMenu> <h:selectOneMenu>...</h:selectOneMenu> <h:selectOneMenu>...</h:selectOneMenu> </h:panelGroup> <h:dataTable>...</h:dataTable> </h:panelGrid>
ドロップダウンをラップします
<h:panelGroup layout="block">
, 、それはHTMLをレンダリングします<div>
エレメント。次に、CSSを適用しますfloat:left;
両方に<h:panelGroup>
そしてその<h:dataTable>
.<h:panelGroup layout="block" styleClass="left"> <h:selectOneMenu>...</h:selectOneMenu> <h:selectOneMenu>...</h:selectOneMenu> <h:selectOneMenu>...</h:selectOneMenu> </h:panelGroup> <h:dataTable styleClass="left">...</h:dataTable>
と
.left { float: left; }
所属していません StackOverflow