0

複数の列にprimefacesオートコンプリートコンポーネントを使用しています。

複数の列の結果を表示できますが、各列のヘッダー名が必要です。 http://www.primefaces.org/showcase-labs/ui/autoCompletePojo.jsf このデモでわかるように、自動提案には名前と画像の 2 つの列があります。

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スクロールについては、オートコンプリートを開いたダイアログを取得したものをfirebugで見て、それに適用overflow-x: hidden;する必要があります

たとえばショーケースでは、次のようになります

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

display: inline-blockまたは割り当てなどの他のCSSを追加する必要があるかもしれませんmin-width

于 2012-06-25T07:34:14.593 に答える