单击将文本框更改为textarea

Question

用户单击时如何将简单文本框转换为文本区域。我正在使用EXT JS。

Answer 1

您是否只是为了外观？还是有将其从输入转换为文本区域的正当理由？

如果您只是为了视觉效果而做，则只需设置文本区域的高度，并在焦点事件中增加高度，就可以走很长一段路。

Ext.onReady(function(){

    new Ext.form.TextArea({
        renderTo: Ext.getBody(),
        name: 'myTextArea',
        width: 200,
        height: 22,
        listeners: {
            focus: function(textarea){
                textarea.setHeight(200);
            },
            blur: function(textarea){
                textarea.setHeight(22);
            }
        }
    });

});

编辑：这些停止工作：

在这里尝试：http : //jsfiddle.net/chrisramakers/9FjGv/2/

您甚至可以非常轻松地对其进行动画处理，以获得一些特别的视觉效果。
http://jsfiddle.net/chrisramakers/9FjGv/3/