MasterPage 方案的 CollapsiblePanelExtender 控件的 $find 上的 Javascript 错误

Question

我有一个内容页面和一个用户控件。用户控件使用 CollapsiblePanelExtender。我在面板的“onmouseout”上编写了以下 javascript 函数。

<script language="javascript" type="text/javascript">
function doToggle() 
{
var cpe = $find("CollapsiblePanelExtender1.ClientID");
//cpe._toggle();
if (!cpe.get_Collapsed()) { 
cpe._doClose();
}
}
</script>

此内容页是母版页的一部分。当我运行代码时，我收到 javascript 错误。 cpe 始终为空。如何在母版页场景中使用$find for CPE？我还尝试了 document.getElementById 并传递了客户端 id，但仍然不起作用。请帮忙。

Answer 1

通过将BehaviorID="cpe" 添加到 CollapsiblePanelExtender 解决了问题。

<ajax:CollapsiblePanelExtender ID="cpe" runat="Server" BehaviorID="cpe"
    TargetControlID="SettingsContentPanel" CollapsedSize="0" Collapsed="True" ExpandControlID="SettingsTitlePanel"
    CollapseControlID="SettingsTitlePanel" ScrollContents="False" ImageControlID="btnSettingsPopup"
    SuppressPostBack="true" ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg"
    ExpandDirection="Vertical" AutoCollapse="false" AutoExpand="false" />

然后$find函数就能找到该控件，代码如下：

function doToggle() 
{
    var cpe = $find("cpe");
    if (!cpe.get_Collapsed())
    { 
        cpe._doClose();
    }
}