为EasyUI的editor扩展filebox

最新推荐文章于 2021-06-18 14:16:10 发布

原创最新推荐文章于 2021-06-18 14:16:10 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #扩展 #函数

EasyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何为EasyUI的editor组件添加filebox功能，通过自定义扩展实现文件选择与上传，提升用户体验。

  $.extend($.fn.datagrid.defaults.editors,{
		   filebox:{
			  init:function(container,options){
				  var input=$("<input />").appendTo(container);
			      input.filebox(options);
			      return input;
			  },
			  
			  getValue:function(target){
				 return $(target).filebox("getValue");  

			  },
			  setValue:function(target,value){
				  $(target).filebox("setValue",value);    
			  },
			  resize: function (target, width) {  
		            var input = $(target);  
		            if ($.boxModel == true) {  
		                input.resize('resize', width - (input.outerWidth() - input.width()));  
		            } else {  
		                input.resize('resize', width);  
		            }  
		        }  
		  
		   }
	  });

这里是datagrid ：