javascript - 如何从客户端禁用 ajaxtoolkit CollapsiblePanelExtender？

Question

有人知道禁用 CollapsiblePanelExtender 的客户端方法吗？

我已经通过 behaviorId 获得了扩展器。

var extender = $find("behaviorId");

那么接下来我可以使用什么方法从客户端禁用此扩展器？

谢谢

Answer 1

我不确定这是否有帮助...但是当 runat = "server"时，您可以将 ExpandControlID 和 CollapseControlID 设置为 ""。完成后将其重置。

例如，

<Ajax:CollapsiblePanelExtender SkinID="CollapsiblePanelExtenderPlusMinus" ID="cpeOne"
    runat="server" TargetControlID="pnlOne" ExpandControlID="pnlHeadingOne"
    CollapseControlID="pnlHeadingOne" Collapsed="false" 
    ImageControlID="imgPlusMinusOne"
    SuppressPostBack="false">
</Ajax:CollapsiblePanelExtender>

<asp:Panel ID="pnlHeadingOne" runat="server">
    <h3>
        <asp:Image runat="server" ID="imgPlusMinusOne" ToolTip="Show/Hide details" />
    Details
    </h3>
</asp:Panel>

然后在后面的代码中 - 当点击编辑按钮时:

protected void BtnEditClick(object sender, EventArgs e) {
    DisableCollapsiblePanelExtenders();
}

private void DisableCollapsiblePanelExtenders() {
    this.cpeOne.ExpandControlID = "";
    this.cpeOne.CollapseControlID = "";         
}

// Reset the CollapsiblePanelExtender
private void EnableCollapsiblePanelExtenders() {
    this.cpeOne.ExpandControlID = this.pnlHeadingOne.ID;
    this.cpeOne.CollapseControlID = this.pnlHeadingOne.ID;
}