easyui-textbox,高度自适应

实现方式:通过 自定义验证方法监控 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: ""
   }
});


//使用 textAutoHeight[78]  78是 input中textArea元素的高度,可使用f12查看
<input class="easyui-textbox" validtype="textAutoHeight[78]" data-options="editable:true, multiline: true" style="width:100%; height: 80px;" />

 

posted @ 2023-11-23 10:46  初·陽  阅读(223)  评论(0编辑  收藏  举报