Please override the $.fn.combo.method.showPanel method to achieve this functionality.
(function($){
var showPanel = $.fn.combo.methods.showPanel;
$.fn.combo.methods.showPanel = function(jq){
return jq.each(function(){
var opts = $(this).combo('options');
var p = $(this).combo('panel');
$.extend(p.panel('options'), {
onBeforeOpen: function(){
$(this).panel('panel').css('z-index', $.fn.menu.defaults.zIndex++);
show($(this), opts.animate, opts.speed);
return false;
},
onBeforeClose: function(){
hide($(this), opts.animate, opts.speed);
return false;
}
});
showPanel.call($.fn.combo.methods, $(this));
function show(p, type, speed){
type = type || 'show';
speed = speed || 0;
var p = p.panel('panel');
switch(type){
case 'show':
p.show(speed);
break;
case 'slide':
p.slideDown(speed);
break;
case 'fade':
p.fadeIn(speed);
break;
}
}
function hide(p, type, speed){
type = type || 'show';
speed = speed || 0;
var p = p.panel('panel');
switch(type){
case 'show':
p.hide(speed);
break;
case 'slide':
p.slideUp(speed);
break;
case 'fade':
p.fadeOut(speed);
break;
}
}
})
}
})(jQuery);
Set 'animate' and 'speed' properties for your combo components to define animate effects.
<input class="easyui-datebox" data-options="animate:'fade',speed:600,...">
<input class="easyui-combbox" data-options="animate:'slide',speed:600,...">