如何使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'

现在让这个工作,下载我的tweak flexibleArea.js,将其包含在您的xhtml中,然后在文档中准备好.

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

这是Primefaces TextArea灵活的现场演示,以及github.

希望这可以帮助.