jQuery EasyUI 重写datagrid的datetimebox编辑类型

2019独角兽企业重金招聘Python工程师标准>>>

 datagrid的编辑框可以为datatimebox或者为datebox如下:   

示例如下:

{ field: 'makeDate', title: '编制日期', width: 45,
                	editor:{  
					    type:'datebox' ,   
					    options:{  
					        editable:false   
					    }  
                	}
				}

$.extend($.fn.datagrid.defaults.editors, { 
	datebox : {  
		init : function(container, options) {  
			var box = $('<input />').appendTo(container);  
			options.onSelect=function(){
				var val = box.datebox('getValue');
				//执行相关操作
			}
			box.datebox(options); 
			
			return box;  
		},  
		getValue : function(target) {  
			return $(target).datebox('getValue');  
		},  
		setValue : function(target, value) {  
			$(target).datebox('setValue', value); 
		},  
		resize : function(target, width) {  
			var box = $(target);  
			box.datebox('resize', width);  
		},  
		destroy : function(target) {  
			$(target).datebox('destroy');  
		},
	}  
});  

$.extend($.fn.datagrid.defaults.editors, {  
    datetimebox : {  
        init : function(container, options) {  
            var box = $('<input />').appendTo(container);  
            box.datetimebox(options);  
            return box;  
        },  
        getValue : function(target) {  
            return $(target).datetimebox('getValue');  
        },  
        setValue : function(target, value) {  
            $(target).datetimebox('setValue', value); 
        },  
        resize : function(target, width) {  
            var box = $(target);  
            box.datetimebox('resize', width);  
        },  
        destroy : function(target) {  
            $(target).datetimebox('destroy');  
        },
    }  
});  

 

转载于:https://my.oschina.net/u/2331760/blog/1611180