如何缩小文本区域

Question

我正在使用 Yahoo 的 YUI 3.1 库以及 TextExpander 来让 TextArea 在用户键入时增长。

下面的代码初始化 TextArea：

YUI({gallery: 'gallery-2010.03.23-17-54'
    }).use("node", 'gallery-text-expander', function(Y) {
    Y.one('#myTextArea').plug(Y.TextExpander);
});

它工作得很好，但现在我在这种情况下有一个问题：

1) 用户类型，TextArea 会增长很多行，然后消息会发布到服务器。

2) 发布后，我用 $('myTextArea').value='' 清理 TextArea，但它没有按预期缩小，并且实际时仍然有很多行必须恢复到原来的大小。

我注意到 TextExpander 的代码 (http:// /yuilibrary.com/gallery/buildtag/text-expander/gallery-2010.03.23-17-54）存在一个名为“shr​​ink_area”的方法，但我如何调用此方法 $('myTextArea').shrink_area() ？ （我知道这是错误的代码行，但我需要获得类似的东西）或者什么是最好的方法？

预先感谢您的建议和提示。

Answer 1

Textarea 具有用于更改大小的 rows 和 cols 属性。尝试设置这些。

Answer 2

哦，好吧，我自己解决了这个问题。

因此，为了尝试调用插入类的内部方法（很高兴知道如何做，可能使用自定义命名空间），我编写了一个小函数来实现这一点。

1) 首先，我在类中设置 CSS 属性 min-height

2) 清除 TextArea 后，我将 height 设置为 min-height

下面的代码显示了可以解决这个问题的函数

function shrinkTextArea(element) {
    // clear
    $(element).value ='';

    // shrink
    $(element).style.height = $(element).style.minHeight;
}