使用javascript获取母版页中嵌套面板控件的clientID

Question

这是ContentPlaceHolder的控制结构

  -->向导
      -->面板

我正在使用 setTimeout 在 x 分钟后显示面板。

如何获取面板的ClientID？

所需的 javascript 行类似于：

setTimeout(displayExtendSession('<%= ExtendSession.ClientID  %>', 600000);

aspx

<asp:Content ID="Content1" runat="server" ...>
    <asp:Wizard ID="wizard1" runat="server" ... >
        <asp:Panel ID="ExtendSession" runat="server">
            <asp:Label ID="ExtendSessionLifePrompt" runat="server" Text="Your session is going to expire in 1 minute. Would you like to extend your Session?"></asp:Label>
            <asp:Button ID="ExtendSessionLife" runat="server" Text="Yes" />
            <input type="button" id="CancelExtendSessionLife" value="No" onclick="HideExtendSession('<%= ExtendSession.ClientID %>'); return false;" />  
        </asp:Panel>
    </asp:Wizard>
</asp:Content>

javascript

function HideExtendSession(msgBox) {
    if (msgBox)
        document.getElementById(msgBox).style.display = "none";
}
function DisplayExtendSession(msgBox) {
    if (msgBox) 
        document.getElementById(msgBox).style.display = "block";
}

setTimeout(DisplayExtendSession('<%= ExtendSession.ClientID  %>', 600000);
setTimeout(HideExtendSession('<%= ExtendSession.ClientID %>', 720000);

Answer 1

要获取 ExtendSession 的客户端 ID，我认为您需要做的是：

setTimeout(displayExtendSession('<%= wizard1.FindControl("ExtendSession").ClientID  %>', 600000);

更新

如果您无法访问 Wizard1，那么也许是这样：

setTimeout(displayExtendSession('<%= Content1.FindControl("wizard1").FindControl("ExtendSession").ClientID  %>', 600000);

我希望使用双引号没关系，但我相信如果这没有帮助，你可以改变它们。

Answer 2

如果您添加

ClientIDMode="Static"

到

<asp:Panel ID="ExtendSession" runat="server">

asp.net中

<asp:Panel ID="ExtendSession" ClientIDMode="Static" runat="server">

，则不会破坏您的面板的 id，并且

document.getelementbyid("ExtendSession")

会返回

的 id；由 asp:panel 控件呈现。

Answer 3

如果您不太关心性能等，

以下代码可能是轻松完成任务的一种方法。

protected void Page_Load(object sender, EventArgs e)
{
    Response.Write(FindRecursiveControl(this,"ExtendSessionLife").ClientID.ToString());
}

Control FindRecursiveControl(Control cd, string Name)
{
    if (cd.ID == Name && cd.ID !=null)
        return cd;

    foreach (Control c in cd.Controls)
    {
        Control cfind = FindRecursiveControl(c, Name);

        if (cfind != null)
            return cfind;
    }

    return null;
}