我有折叠面板扩展器想在扩展面板之前调用事件 [英] I have collapse panel extender want to call event just before expand the panel

问题描述

我有折叠面板扩展器想要在扩展面板之前调用事件。





目前IM使用。

objTaskExtender._doClose（）;

objTaskExtender.add_expandComplete（getCollapsibleStateForTask）;

objTaskExtender.add_collapseComplete（getCollapsibleStateForTask）;

I have collapse panel extender want to call event just before expand the panel.


Currently I M using.
objTaskExtender._doClose();
objTaskExtender.add_expandComplete(getCollapsibleStateForTask);
objTaskExtender.add_collapseComplete(getCollapsibleStateForTask);

function getCollapsibleStateForTask() {

           if (objTaskExtender.get_Collapsed()) {
               document.getElementById('<%=lnkNewTask.ClientID %>').style.visibility = "hidden";
               var calSize = ((document.getElementById('UpperDiv').clientHeight) + 166);
               $('#UpperDiv').animate({ height: calSize + "px" }, 500);
               //document.getElementById('UpperDiv').style.height = calSize + "px";

               document.getElementById('imgBackgroundEmployeeList1').style.visibility = 'visible';
               document.getElementById('imgBackgroundEmployeeList17').style.visibility = 'hidden';

           }
           else {
               document.getElementById('<%=lnkNewTask.ClientID %>').style.visibility = "visible";
               var calSize = ((document.getElementById('UpperDiv').clientHeight) - (document.getElementById('TaskDiv').clientHeight));
               if (calSize < 210) {
                   calSize = 210;
               }
               $('#UpperDiv').animate({ height: calSize + "px" }, 500);
               //document.getElementById('UpperDiv').style.height = calSize + "px";

               document.getElementById('imgBackgroundEmployeeList1').style.visibility = 'hidden';
               document.getElementById('imgBackgroundEmployeeList17').style.visibility = 'visible';
           }
       }

推荐答案

（' ＃UpperDiv'）。animate（{height：calSize + px}， 500 ）;
// document.getElementById（'UpperDiv'）。style.height = calSize +px;

document.getElementById（' imgBackgroundEmployeeList1'）。style。 visibility = ' visible';
document.getElementById（' imgBackgroundEmployeeList17'）。style.visibility = ' hidden';

}
else {
document.getElementById（' <％= lnkNewTask.ClientID％>'）。style.visibility = 可见的;
var calSize =（（document.getElementById（' UpperDiv'）。clientHeight） - （document.getElementById（' TaskDiv'） .clientHeight））;
if （calSize < 210 ）{
calSize = 210 ;
}

('#UpperDiv').animate({ height: calSize + "px" }, 500); //document.getElementById('UpperDiv').style.height = calSize + "px"; document.getElementById('imgBackgroundEmployeeList1').style.visibility = 'visible'; document.getElementById('imgBackgroundEmployeeList17').style.visibility = 'hidden'; } else { document.getElementById('<%=lnkNewTask.ClientID %>').style.visibility = "visible"; var calSize = ((document.getElementById('UpperDiv').clientHeight) - (document.getElementById('TaskDiv').clientHeight)); if (calSize < 210) { calSize = 210; }

（' ＃UpperDiv'） .animate（{height：calSize + px}， 500 ）;
// document.getElementById（'UpperDiv'）。style.height = calSize +px;

document.getElementById（' imgBackgroundEmployeeList1'）。style。 visibility = ' hidden';
document.getElementById（' imgBackgroundEmployeeList17'）。style.visibility = ' visible';
}
}

('#UpperDiv').animate({ height: calSize + "px" }, 500); //document.getElementById('UpperDiv').style.height = calSize + "px"; document.getElementById('imgBackgroundEmployeeList1').style.visibility = 'hidden'; document.getElementById('imgBackgroundEmployeeList17').style.visibility = 'visible'; } }

这篇关于我有折叠面板扩展器想在扩展面板之前调用事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！