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

时间:2012-11-28 18:48:25

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

我正在尝试解决在更新面板中使用内联脚本的问题。我可能通常使用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永远不会执行,并且不会出错。

尝试的解决方案: 在名为initMyCode()的函数中包装内联javascript,然后使用:

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

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

对于这个问题,任何人都有可行的解决方案吗?

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:-1)

您是否已尝试在jQuery的"ready"中添加代码?