从 ASP.NET 中的更新面板引用内联脚本答案

【问题标题】：Referencing inline scripts from update panels in ASP.NET从 ASP.NET 中的更新面板引用内联脚本
【发布时间】：2012-11-28 18:48:25
【问题描述】：

我正在尝试解决在更新面板中使用内联脚本的问题。这个问题通常可以通过使用 Sys.Application.add_load() 或使用 ScriptManager 创建 RegisterStatupScript() 脚本来解决。但是，在这种情况下，这两种解决方案都不起作用。

这就是问题所在。

asp.net（在本例中为 SharePoint）页面上的更新面板：

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
    <ContentTemplate>
        <asp:Button ID="Button1" runat="server" Text="Load" />
        <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
    </ContentTemplate>
</asp:UpdatePanel>

让我们在后面的代码中说，当单击按钮时，我们将用户控件添加到占位符。

protected void Button1_Click(object sender, EventArgs e)
{
    MyControl ctrl = new MyControl();
    PlaceHolder1.Controls.Clear();
    PlaceHolder1.Controls.Add(ctrl);

    UpdatePanel1.Update();
}

最后，假设我们的用户控件有一些内联脚本。

<script type="text/javascript">
    var myInt = 1;
    alert(typeof myInt);
</script>

将以上内容放在一起并运行它会导致默认情况下为空的更新面板（按钮除外） - 获取单击按钮时添加的一些数据，类似于上面的 javascript。 问题是上面的 javascript 代码永远不会触发。

在我的现实生活中，用户控件并不是非常复杂——它有一个转发器，在加载控件时填充，然后是一些内联 javascript，它会稍微转换转发器数据。数据通过，但 javascript 从未执行，也不会引发错误。

尝试的解决方案：将内联 javascript 包装在一个名为 initMyCode() 的函数中，然后使用：

ScriptManager.RegisterStartupScript(this, this.getType(), UniqueID, "initMyCode()", true);

...关于用户控制页面加载事件。这会失败，因为在页面中找不到 initMyCode()。

有人对此问题有可行的解决方案吗？

【问题讨论】：

标签： javascript asp.net sharepoint asp.net-ajax

【解决方案1】：

if(!Page.ClientScript.IsStartupScriptRegistered("initMyCode")){ 
 string script =@"function initMyCode(){var myInt = 1;
   alert(typeof myInt);}
 Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(initMyCode);"
 ScriptManager.RegisterStartupScript(this, this.getType(), initMyCode, script, true);

}

或者

<script type="text/javascript">
 function initMyCode(){
 var myInt = 1;
 alert(typeof myInt);}
 Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(initMyCode);
</script>

【讨论】：

这种方法的问题：我试图避免将返回的整个 javascript 块添加到一个变量中，并使用 RegisterStartupScript() 将其全部加载。我返回的 javascript 是动态的并创建图形/图表。还有其他想法吗？

【解决方案2】：

您是否已经尝试将代码添加到 jQuery 的 "ready" 中？

【讨论】：