2012-06-25 23 views
0

我正在爲多列使用primefaces自動完成組件。爲自動填充建議列提供標題名稱

我能夠顯示多列結果,但我想爲每列的標題名稱。 http://www.primefaces.org/showcase-labs/ui/autoCompletePojo.jsf 正如您在本演示中看到有兩列自動建議,名字和圖像,

我想提供頭名稱來命名和形象,意味着它會看起來像這樣

Player_Name Picture (Header names for columns) 

    Messi   (its image) 

我試着給以這種方式使用頭名,但沒有工作

<p:autoComplete value="#{autoCompleteBean.selectedPlayer2}" id="customPojo" completeMethod="#{autoCompleteBean.completePlayer}" 
         var="p" itemLabel="#{p.name}" itemValue="#{p}" converter="player" forceSelection="true"> 
       <p:column> 
        <f:facet name="header"> 
      <h:outputText value="Player Image" /> 
      </f:facet> 

        <p:graphicImage value="/images/barca/#{p.photo}" width="40" height="50"/> 
       </p:column> 

       <p:column> 
      <f:facet name="header"> 
      <h:outputText value="Player Name" /> 
      </f:facet> 
      <h:outputText value="#{#{p.name}}" /> 

       </p:column> 
      </p:autoComplete> 

,也是我想顯示5列,就像一個建議在這個 演示中,只有2列作爲建議,但我有5列作爲 一個建議,所以它顯示所有列,但它默認採用 水平滑塊。但我不想在那裏有一個滑塊,至少應該顯示5個 列而沒有任何滑塊。

我該如何實現它?

回答

1

它不是可以設置標題中的自動完成組件

Issue 3567: Column header for autocomplete columns

關於滾動你應該看看你的螢火蟲什麼id有你自動完成打開的對話框,並在申請overflow-x: hidden;

例如它的展示應該是類似於

#form:customPojo_panel table{ 
    overflow-x: hidden; 
} 

可能需要添加一些其他的CSS東西一樣display: inline-block或分配min-width

+0

提供頭名自動完成建議列 沒有,我試了一下,但沒有工作 – Java