Question

我正在使用primefaces autocomplete componant for multiple columns。

我能够显示多列结果，但我想要每列的标题名称。 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个列应该没有任何滑块显示。

我怎样才能实现它？

Answer 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

为自动填充建议列提供标题名称

1 个答案: