デフォルトのテキスト（プレースホルダ）

Question

私はJSF/Primefaces のinputTextコンポーネントのデフォルト情報テキストを表示したいです。

• このテキストは、ユーザーがテキストフィールドをクリックすると消えます。
• 何も入力せずに外部をクリックすると表示されます。
• ユーザーが値を指定せずにフォームを送信した場合、このデフォルト値はBeanのプロパティに設定しないでください。

私はManagedBeanにBeanPropertyにデフォルト値を設定すると動作することを認識してんだけど、私はそれを望んでいません。
可能であれば、JQueryの調整をお勧めします。
私はこの質問が重複している場合は質問を右にリダイレクトしてください。

Answer 1

は、p:inputTextに使用できる最新バージョンのplaceholder属性を提供します。また、従来のブラウザ互換性のためのJSベースのソリューションを作成するp:watermarkコンポーネントもあります。したがって、バッキングBeanにデフォルト値を設定する必要はありません。レガシーブラウザ用

<h:outputLabel value="Search: "/> 
<p:inputText id="search_input_id" value="#{watermarkBean.keyword}" 
    required="true" label="Keyword" placeholder="search" /> 

：ただ、次のソリューションのいずれかを使用JSF 2.2を使用している場合も

<h:outputLabel value="Search: "/> 
<p:inputText id="search_input_id" value="#{watermarkBean.keyword}" 
    required="true" label="Keyword" /> 
<p:watermark for="search_input_id" value="search" /> 

を、あなたはそのパススルー属性を使用することができます。

が

<h:inputText value="#{watermarkBean.keyword}"> 
    <f:passThroughAttribute name="placeholder" 
     value="search"/> 
</h:inputText> 

HTML 5 basedを作成します。TagHandlerとタグにそれを包む

<h:inputText value="#{watermarkBean.keyword}" 
    pt:placeholder="search" /> 

または：あなたのページにxmlns:pt="http://xmlns.jcp.org/jsf/passthrough"名前空間を追加するには、両方のJSFh:inputTextとPrimefacesp:inputTextために、次のように達成することができますplaceholder属性の入力：

<input placeholder="search"> 

Answer 2

jQueryの微調整は次のようになります。

<p:inputText styleClass="search" value="#{filter.search}"/> 
<script type="text/javascript"> 
    $('input.search).attr('placeholder','search'); 
</script> 

あなたが唯一の属性を設定するために、余分な部品を配置する必要はありませんし、（必要であれば）あなたが入力を大量に豊かにすることができます。