easyui combobox 修改下拉框下拉显示方式为slidedown、slideup

easyui.js版本为1.5.2

easyui的下拉框下拉是hide和show,为了体验更好些,就在尽量不影响原代码的基础上将他改为slideup和slidedown,下拉列表高度auto

begin

1、插入一个函数

function _243cc(_244,_245){
var _246=$.data(_244,"panel");
var opts=_246.options;
var _247=_246.panel;
if(_245!=true){
if(opts.onBeforeClose.call(_244)==false){
return;
}
}
_247.find(".tooltip-f").each(function(){
$(this).tooltip("hide");
});
_247.stop(true,true);
_247._size("unfit");
if($.isFunction(opts.closeAnimation)){
opts.closeAnimation.call(_244,cb);
}else{
switch(opts.closeAnimation){
case "slide":
_247.slideUp(opts.closeDuration,cb);
break;
case "fade":
_247.fadeOut(opts.closeDuration,cb);
break;
case "hide":
_247.hide(opts.closeDuration,cb);
break;
default:
_247.slideUp();
cb();
}
}
function cb(){
opts.closed=true;
opts.onClose.call(_244);
};
};

easyui combobox 修改下拉框下拉显示方式为slidedown、slideup_第1张图片

2、插入slideup
},slideup:function(jq,_267){
return jq.each(function(){
_243cc(this,_267);
});

easyui combobox 修改下拉框下拉显示方式为slidedown、slideup_第2张图片

3、修改代码为

$("body>div.combo-p>div.combo-panel:visible").panel("slideup");
_a25.panel("open").hide().slideDown();
_a2a.panel("slideup");
$.fn.combo.defaults=$.extend({},$.fn.textbox.defaults,{inputEvents:{click:_a1a,keydown:_a1e,paste:_a1e,drop:_a1e},panelWidth:null,panelHeight:'auto',panelMinWidth:null,panelMaxWidth:null,panelMinHeight:null,panelMaxHeight:null,panelAlign:"left",reversed:false,multiple:false,multivalue:true,selectOnNavigation:true,separator:",",hasDownArrow:true,delay:200,keyHandler:{up:function(e){

easyui combobox 修改下拉框下拉显示方式为slidedown、slideup_第3张图片

easyui combobox 修改下拉框下拉显示方式为slidedown、slideup_第4张图片

easyui combobox 修改下拉框下拉显示方式为slidedown、slideup_第5张图片

end

修改后easyui.js文件:http://download.csdn.net/download/cc1314_/10027937

你可能感兴趣的:(javascript,easyui)