javascript - CollapsiblePanelExtender 点击事件

Question

我有一个带有常用扩展和折叠按钮的 CollapsiblePanelExtender……我想在扩展器扩展时触发一个点击事件，在扩展器折叠时触发一个不同的点击事件。但最重要的事件是何时延长。即使在崩溃时，我也可以在没有点击的情况下生活。

我在网上搜索到的大多数示例都使用:“CollapsiblePanelExtender”“点击事件”让扩展程序根据点击使用react，即使在其他地方......

我希望扩展程序在单击时触发 JS。

我应该如何着手完成这项工作？我是不是问错了问题/使用了错误的搜索字符串？

            CollapsiblePanelExtender extendatron = new CollapsiblePanelExtender();
            extendatron.ID = "cpe" + MenuId;
            extendatron.TargetControlID = "pnlContent" + strMenuId;
            extendatron.ExpandControlID = "pnlMenu" + strMenuId;
            extendatron.CollapseControlID = "pnlMenu" + strMenuId;
            extendatron.Collapsed = bCollapsed;
            extendatron.TextLabelID = strMenuName;
            extendatron.ExpandedText = m_strButtonLabelHide;
            extendatron.CollapsedText = m_strButtonLabelShow;
            extendatron.ImageControlID = "imglnk" + strMenuId;
            extendatron.CollapsedImage = "~/App_Themes/default/nbExpand.gif";
            extendatron.ExpandedImage = "~/App_Themes/default/nbCollapse.gif";
            extendatron.SuppressPostBack = true;
            extendatron.ScrollContents = false;

            var extender = $find('extendatron'); //this would be <%=myExtender.ClientID%>
            extender.add_collapsed( function() { alert('collapsed'); });
            extender.add_expanded( function() { alert('expanded'); });

Answer 1

我假设您正在谈论 ASP.Net AJAX 控件工具包。您可以按如下方式向折叠和展开事件添加处理程序:

//this would be <%=myExtender.ClientID%> when using a master page
var extender = $find('myExtender_ClientId'); 
extender.add_collapsed( function() { alert('collapsed'); });
extender.add_expanded( function() { alert('expanded'); });

如果您有任何问题，请告诉我...我已经在各种解决方案中对其中一些对象进行了相当多的定制。