javascript - javascriptに基づいてjsf h:inputTextコンポーネントが表示されますか?

Question

javascript テスト条件が true かどうかに基づいて、jsf h:inputText コンポーネントを Web ページに表示する必要があります。これどうやってするの？

Answer 1

JSFにCSSdisplayプロパティを最初に設定してレンダリングさせnone、JavaScriptでこれをに切り替えますblock。

例えば

<h:inputText id="inputId" styleClass="hide" />

このCSSで

.hide {
    display: none;
}

そしてこのJS

if (someCondition) {
    document.getElementById("formId:inputId").style.display = "block";
}

入力処理と変換/検証に関して問題が発生する可能性があります。この入力フィールドは、CSSによって非表示になっている場合でも、常にサーバーに送信されます。代わりにJSFでその条件を評価して、JSFコンポーネントのrendered属性を使用できるようにすることをお勧めします。

Answer 2

javascriptの状態に応じて、ページ上で非表示にすることができます。何かのようなもの$('.class-of-input').hide();