备注字段自动增加行高


功能说明：

在WebApp中备注字段在填报的时候，随着输入的文本增加自动扩展输入框高度，在修改或查阅时，默认以内容的多少自动调整行高。添加播放视频的功能。

效果：

设置方法：

1、在模板的自定义JS文件中添加，添加后就可以预览到效果。

1. $(function(){
   
2.         /*此处编写自定义代码，请确认此js文件名与您想修改的模板编号一致 */
   
3.   $('textarea').autoHeight();
   
4.         });
   
5. 
   
6. $.fn.extend({
   
7.     autoHeight: function() {
   
8.         return this.each(function() {
   
9.             var $this = jQuery(this);
   
10.             if (!$this.attr('_initAdjustHeight')) {
    
11.                 $this.attr('_initAdjustHeight', $this.outerHeight());
    
12.             }
    
13.             _adjustH(this).on('input',
    
14.             function() {
    
15.                 _adjustH(this);
    
16.             });
    
17.         });
    
18.         function _adjustH(elem) {
    
19.             var $obj = jQuery(elem);
    
20.             return $obj.css({
    
21.                 height: $obj.attr('_initAdjustHeight'),
    
22.                 'overflow-y': 'hidden'
    
23.             }).height(elem.scrollHeight);
    
24.         }
    
25.     }
    
26. });
    

复制代码

备注字段自动增加行高


功能说明：

在WebApp中备注字段在填报的时候，随着输入的文本增加自动扩展输入框高度，在修改或查阅时，默认以内容的多少自动调整行高。添加播放视频的功能。

效果：

设置方法：

1、在模板的自定义JS文件中添加，添加后就可以预览到效果。

1. $(function(){
   
2.         /*此处编写自定义代码，请确认此js文件名与您想修改的模板编号一致 */
   
3.   $('textarea').autoHeight();
   
4.         });
   
5. 
   
6. $.fn.extend({
   
7.     autoHeight: function() {
   
8.         return this.each(function() {
   
9.             var $this = jQuery(this);
   
10.             if (!$this.attr('_initAdjustHeight')) {
    
11.                 $this.attr('_initAdjustHeight', $this.outerHeight());
    
12.             }
    
13.             _adjustH(this).on('input',
    
14.             function() {
    
15.                 _adjustH(this);
    
16.             });
    
17.         });
    
18.         function _adjustH(elem) {
    
19.             var $obj = jQuery(elem);
    
20.             return $obj.css({
    
21.                 height: $obj.attr('_initAdjustHeight'),
    
22.                 'overflow-y': 'hidden'
    
23.             }).height(elem.scrollHeight);
    
24.         }
    
25.     }
    
26. });
    

复制代码