0

我正在为多个列使用 primefaces 自动完成组件。

我能够显示多列结果，但我想要每列的标题名称。 http://www.primefaces.org/showcase-labs/ui/autoCompletePojo.jsf 正如您在此演示中看到的，自动建议中有两列名称和图像，

我想为 name 和 image 提供标题名称，这意味着它看起来像这样

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 列而没有任何滑块。

我怎样才能实现它？

4

1 回答 1

1

无法在自动完成组件中设置标题

问题 3567：自动完成列的列标题

关于滚动，您应该使用萤火虫id查看自动完成打开对话框的原因并应用于overflow-x: hidden;它

例如，在陈列柜中，它应该类似于

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

可能需要添加一些其他的 css 东西，比如display: inline-block或分配min-width

于 2012-06-25T07:34:14.593 回答