java - 如何使 primefaces inputTextArea 适合文本？

Question

我正在尝试制作 <p:inputTextArea/>看起来好多了，现在当页面加载时我可以看到:

当我点击那个 TextArea :

代码如下:
<p:inputTextarea rows="6" value="#{bean.object.value}"style="width: 100%;" />

如何使该区域根据文本调整其大小？ rows="6"正在处理少量数据，但写入更多字符时看起来很糟糕

Answer 1

我会用这个插件解决我的问题 flexibleArea.js , 但如果你下载它，它不会在你第一次关注 textArea 时修复，所以我不得不稍微调整一下。

我在绑定(bind)中添加了一个新事件，它是焦点。

$textarea.bind('keyup change cut paste focus'

现在要让它工作，请下载我的调整 flexibleArea.js ，将其包含在您的 xhtml 中，然后在准备好的文档中。

$(function() {         
   $('.ui-inputtextarea').flexible();    
});

这是一个直播 demo在 Primefaces TextArea 上灵活，在 github 上.

希望这对您有所帮助。