526互联

easyui-textbox，高度自适应

发布时间 2023-11-23 10:55:19作者: 初·陽

实现方式：通过 自定义验证方法监控 input 内容输入，当出现滚动条时修改输入框高度。

//高度自适应
//params[0] input标签下textarea的初始height
$.extend($.fn.validatebox.defaults.rules, {
   textAutoHeight: {
      validator: function (value, params) {
         if (params != undefined){
            this.style.height = params[0]+'px';
            this.parentElement.style.height = this.scrollHeight+2+"px";
            this.style.height = this.scrollHeight+"px";
         }
         return true;
      },
      message: ""
   }
});


//使用
<input class="easyui-textbox" validtype="textAutoHeight[78]" data-options="editable:true, multiline: true" style="width:100%; height: 80px;" />