2016-06-12 13 views
1

Primefacesに問題があります。012 p:autocompletep:dialogです。ユーザーがボックス内にテキストを入力しているときに、スクロール内のダイアログ内にドロップダウンが表示されます(画像を参照)が、ダイアログの外にドロップダウンを表示したいとします。Primefaces p:オートコンプリートドロップダウンがp:dialogの外に出ない

enter image description here

ダイアログが別のダイアログの上に位置しているので、私はappendTo="@this"を使用する必要がありました。これは私のコードです:

問題はクライアント側ではっきりしているので、私はバックエンドコードを貼り付けませんでした。ダイアログの外にフォームを置くことは助けになりませんでした。私はp:selectOneMenuと同じ問題を抱えていました。誰かが解決策を持っていることを願っています。

+0

これは、あなたが行動するように言ったようにうそつきです。 'appendTo =" @ this "'を使用したからです。通常、 'popup/out'部分はhtmlの本文に追加され、それが動作します(ダイアログの外に表示されます)。しかし、スクロールするとダイアログの内容にスクロールしません(入力から外されたように見えます)。あなたはCSSのオーバーフローを使用して実験することができますが、それは他の問題も導入するでしょう。これは、PrimeFaces特有の問題ではありません。他の多くのフレームワークもこの問題を抱えています。これは、ブラウザ/ CSSの仕組みの一部に起因しています。 – Kukeltje

+0

あなたはappendToを使用せず、ポップアップ部分を 'onscroll'が動かすいくつかのjavascriptを追加して実験することができます。 – Kukeltje

+0

Kukeltje、あなたの提案をありがとう!私はすでにappendToとcss(オーバーフロー)を使用しないで演奏しましたが、成功しませんでした。 (例えば) 'h:selectOneMenu'がうまく動作するが、' 'p:selectOneMenu'や' 'p:selectOneMenu'で提供される検索関数が必要なので、PrimeFaces特有の問題ではないというのは興味深い:オートコンプリート。宜しくお願いします。 – akelec

答えて

0

appendTo = "@ this"プロパティを削除します。ドロップダウンをダイアログに追加する必要はありません。

関連する問題