2012-06-25 24 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