Webアプリケーションの数値パネル

Question

Webアプリケーションに数値パネルを作成する必要がありますが、テキスト領域にボタンの値を挿入できるアクションが見つかりません。誰かが私を助けることができますか？

<p:commandButton value="1" id="btn1"></p:commandButton>      
<h:panelGrid id="grid" cellpadding="5" columns="1" > 
<p:inputText id="liczby" style="width:245px" /> 

私はonclick機能はそれを行うことができることを読みましたが、私はそれを使用する方法がわかりません。

Answer 1

p：commandButtonでサーバー上のJavaオブジェクトの状態を更新し、p：inputTextをその値にバインドすることができます。

ボタンの要素がサーバーの要求なしにDOMのテキスト要素をただちに更新するクライアント側を処理する方がパフォーマンスが向上しますが、JSFを選択すると難しいことです。

対象となるビュー要素の動的に生成されたIDを確実に予測できないため、IDで選択することはできません。クラスを使用してinputTextを選択し、その値を純粋にクライアント側で変更できます。少し厄介ですが、うまくいくはずです。

<p:commandButton onclick="document.getElementsByClassName('myUniqueClass')[0].value = this.value" /> 
<p:inputText styleClass="myUniqueClass" /> 

注：

• あなたはそれがあなたのプレゼンテーションの中にその機能を宣言するアンチパターンだとして、他の場所でonclickの機能を移動したいと思います。
• あなたはあなたが期待している要素を正確に得るために、別の要素 'myUniqueClass'の名前を付けないようにしています。これは少しの反パターンでもあります。私はprimefacesがIDを定義する方法を提供していると信じています。つまり、動的に生成されたID（つまり、現在のIDに親要素IDを注入しないように）をエスケープすることができます。