如何使用jsf显示没有滚动条的textarea？

Question

我希望inputTextarea在输入时自动增长。但我不想滚动条。我已经完成溢出：隐藏，它没有显示滚动但它也没有自动增长。

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

请给我回复。

Answer 1

自动增长文本区域不是由JSF <textarea>生成的HTML <h:inputTextarea>元素的标准功能。这通常是通过添加一些JavaScript代码来实现的。这是一个基本的启动示例。

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

与

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