jsf-2 - jsfを使用してスクロールバーなしでテキストエリアを表示するには?

Question

入力時にinputTextareaの自動成長が必要ですが、スクロールバーは必要ありません。Overflow: hiddenを実行しました。スクロールは表示されませんが、自動成長もしていません。

<h:inputTextarea id="ta1" cols="25" style="overflow: hidden"/>

返事をください。

Answer 1

自動拡張テキストエリアは、JSFによって生成されるHTML要素の標準機能ではありません。これは通常、JavaScriptコードのショットを追加することで実現されます。これが基本的なキックオフの例です。<textarea><h:inputTextarea>

<h:inputTextarea ... onkeyup="autoGrow(this)" />

と

function autoGrow(textarea) {
    if (textarea.clientHeight < textarea.scrollHeight) {
        textarea.style.height = textarea.scrollHeight + "px";
    }
}