問題タブ [panelgrid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jsf - JSF panelGridでcolspanとrowspanを設定するには?
JSF でcolspan
とを設定するにはどうすればよいですか?rowspan
<h:panelGrid>
css - PanelGrid 内の DataTable の配置を制御する方法は?
各列として dataTables を使用して、複数列の panelGrid をセットアップしました。各 dataTables の長さは異なります。これにより、最大の dataTable に合わせて panelGrid が拡張されます (これまでのところ、これで問題ありません)。残りの dataTables は、上揃えではなく、垂直方向の中央に配置されます (画面上では見栄えが悪いため、これは適切ではありません)。
コンテンツを上揃えにするように panelGrid に指示するにはどうすればよいですか? または、私のアプローチは完全に間違っていて、何か違うことをする必要がありますか (そうであれば、提案は大歓迎です)?
jsf-2 - h:panelGrid の 1 つのセルに複数のコンポーネントを配置する方法
<h:panelGrid>
1列で作成したいと思います。ただし、1行で2つのコンポーネントを1つのセルにまとめたいと思います。
例えば
2行で終了する必要があります
行 1 A 行 1 B
行 2
ただし、現在は最終的に
行 1 A
行 1 B
行 2
の単一セルに複数のコンポーネントを配置する方法は<h:panelGrid>
?
css - の幅を変更する方法
私は次のように持って<p:panelGrid>
います:
CSSプロパティでパネルグリッドの幅を50pxにしようとしたのですが、50pxにwidth
なりませんでした。
パネル グリッドの幅を 50px に設定するにはどうすればよいですか?
jsf-2 - JSF 2 表示 2 列に値をリストする
私はJSFの初心者です。JSF 2 を使用していますが、Bean ファイルによって取り込まれたリストがあります。私の .xhtml ファイルでは、この情報を 2 列で表示したいと考えています。
Bean クラス内 List modules;(module.enable module.name を含む)
リストには 30 個のモジュールがあります。これらすべてのモジュール情報を 2 列で表示したいと考えています。例: 最初のモジュール情報 (module.enable module.name) を 1 列目に表示し、2 番目のモジュール情報を 2 列目に表示したいとします。または、最初の列の最初の 15 モジュールと、2 番目の列の残りの 15 モジュールにすることもできます。h:dataTable と h:panelGrid の両方で試しましたが、うまくいきませんでした。
どんな助けでも大歓迎です。
ありがとう
css - スクロール中の JSF の PanelGrid を修正しました (primefaces)
ページのスクロール中に panelGrid を固定する必要があります。
たとえば、データテーブルをスクロールしている間、上部の下部バーを固定する必要があります。
どうすればこれを解決できますか?
ajax - JSF ajaxはinputTextをレンダリングしますが、panelGridはレンダリングしません
JSF の ajax レンダリングに関して奇妙な動作を見つけましたが、何が欠けているのかわかりません。簡単にするために、h:inputText
と と があり、h:panelGrid
内部にボタンがあるページがあります。誰かがボタンをクリックすると、 の値がh:inputText
標準値に設定され、h:panelGrid
が消えるはずです。最初にコードを示してから、もう少し説明します。
xhtml ページ:
対応するビーン:
ページが読み込まれると、リストにいくつかの値が入力されますPostConstruct
。リストは現在空ではないため、これによりパネルが表示されます。しかし、パネルのボタン (trackingId を変更してリストを空にする場所) をクリックすると、trackingId が GUI で変更されますが、パネルは引き続き表示されます。私は何を間違えましたか?
更新 1
コメントに書かれているように、空のプロジェクトで上記のコードを試したところ、動作しました。私は現在、非常に大きなアプリケーションを持っているので、ページを縮小して次のように終了しました。
私のプロジェクトは複数のページ テンプレートで構成されています。私のマスター レイアウトにはh:head
、アプリケーションに必要な多くのスタイルシートをロードするタグがあります。タグを完全に削除するh:head
と機能しますが、もちろんスタイリングはかなり悪いです。これは私の ajax ローディングとパネルグリッドと何の関係がありますか?
更新 2
アプリケーションを 1 つの小さなページに短縮しました。
ヘッダー タグを削除すると、ajax リクエストは入力テキストとパネルの両方で正常に機能します。しかし、上記のようにスタイルシートをヘッダーに追加すると、ajax は入力テキストでのみ機能します。