无法让 UpdatePanel 中嵌套的 WebControl 中的 ScriptManager.RegisterStartupScript 工作

Question

我遇到了我认为应该是一个相当简单的问题，但我一生都看不到我的问题。 该问题与 ScriptManager.RegisterStartupScript 有关，我之前曾多次使用过该脚本。

我遇到的情况是，我有一个已插入页面的自定义 Web 控件。 该控件（以及其他一两个控件）嵌套在 UpdatePanel 内。 它们被插入到页面上的占位符上：

<asp:UpdatePanel ID="pnlAjax" runat="server">
  <ContentTemplate>
    <asp:PlaceHolder ID="placeholder" runat="server">
    </asp:PlaceHolder>
    ...

protected override void OnInit(EventArgs e){
  placeholder.Controls.Add(Factory.CreateControl());
  base.OnInit(e);
}

这是页面上唯一的更新面板。

该控件需要运行一些初始 JavaScript 才能正常工作。 控件调用：

ScriptManager.RegisterStartupScript(this, GetType(), 
                                    Guid.NewGuid().ToString(), script, true);

并且我也尝试过：

ScriptManager.RegisterStartupScript(Page, Page.GetType(), 
                                    Guid.NewGuid().ToString(), script, true);

问题是第一次显示页面时脚本运行正确，但在部分回发后不重新运行。 我尝试过以下操作：

1. 从 CreateChildControls 调用 RegisterStartupScript
2. 从 OnLoad / OnPreRender 调用 RegisterStartupScript
3. 对前两个参数使用不同的参数组合（在上面的示例中，Control 是 Page，Type 是 GetType()，但我尝试使用控件本身， ETC）。
4. 我尝试过使用持久的和新的 id（并不是说我相信这应该会产生重大影响）。
5. 我使用了一些断点，因此验证了 Register 行是否被正确调用。

我唯一没有尝试过的是使用 UpdatePanel 本身作为控件和类型，因为我不认为控件应该知道更新面板（并且在任何情况下似乎都没有一种获取更新的好方法）控制板？）。

有人能看出我在上面做错了什么吗？

谢谢:)

---

好吧，回答上面的查询 - 看起来占位符确实以某种方式弄乱了 ScriptManager.RegisterStartupScript。

当我将控件从占位符中拉出并将其直接编码到页面上时，注册脚本可以正常工作（我也使用控件本身作为参数）。

ScriptManager.RegisterStartupScript(this, GetType(), Guid.NewGuid().ToString(), script, true);

任何人都可以解释为什么注入控件到 PlaceHolder 上会阻止 ScriptManager 正确注册脚本吗？ 我猜测这可能与动态控件的生命周期有关，但如果有一个正确的过程，我将不胜感激（据我所知）。

Answer 1

我在用户控件中使用它时遇到问题（在页面中工作正常）； Button1 位于updatepanel 内，scriptmanager 位于usercontrol 上。

protected void Button1_Click(object sender, EventArgs e)  
{  
    string scriptstring = "alert('Welcome');";  
    ScriptManager.RegisterStartupScript(this, this.GetType(), "alertscript", scriptstring, true);  
}

现在看来你必须小心前两个参数，它们需要引用你的页面，而不是你的控件

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "alertscript", scriptstring, true);

Answer 2

我认为您确实应该使用 RegisterStartupScript 的控制重载。

我在服务器控件中尝试了以下代码：

[ToolboxData("<{0}:AlertControl runat=server></{0}:AlertControl>")]
public class AlertControl : Control{
    protected override void OnInit(EventArgs e){
        base.OnInit(e);
        string script = "alert(\"Hello!\");";
        ScriptManager.RegisterStartupScript(this, GetType(), 
                      "ServerControlScript", script, true);
    }
}

然后在我的页面中我有：

protected override void OnInit(EventArgs e){
    base.OnInit(e);
    Placeholder1.Controls.Add(new AlertControl());
}

其中 Placeholder1 是更新面板中的占位符。 占位符中还有一些其他控件，包括按钮。

这与您所期望的完全一样，每次加载页面或导致更新面板更新时，我都会收到一条警告说“Hello”。

您可以查看的另一件事是挂钩更新面板请求期间触发的一些页面生命周期事件：

Sys.WebForms.PageRequestManager.getInstance()
   .add_endRequest(EndRequestHandler);

PageRequestManager endRequestHandler 事件每次更新面板完成更新时都会触发 - 这将允许您调用一个方法来设置控件。

我唯一的其他问题是：

• 你的脚本实际上在做什么？
• 想必您可以在页面底部的 HTML 中看到该脚本（就在结束 标记之前）？
• 您是否尝试过添加一些“alert(”Here”);” 调用您的启动脚本以查看它是否被正确调用？
• 您是否尝试过 Firefox 和 Firebug - 是否报告任何脚本错误？

Answer 3

当您调用 ScriptManager.RegisterStartupScript 时，“Control”参数必须是要更新的 UpdatePanel 内的控件。 您需要将其更改为：

ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(), script, true);

Answer 4

解决方案是将脚本放入外部 js 文件（称为“yourDynamic.js”）中，并在每次刷新更新面板时重新注册该文件。

我在 updatepanel_prerender 事件中使用它：

ScriptManager.RegisterClientScriptBlock(UpdatePanel1, UpdatePanel1.GetType(), "UpdatePanel1_PreRender", _
                   "<script type='text/javascript' id='UpdatePanel1_PreRender'>" & _
                   "include('yourDynamic.js');" & _
                   "removeDuplicatedScript('UpdatePanel1_PreRender');</script>" _
                   , False)

在页面或其他一些包含中，您将需要这个 javascript：

// Include a javascript file inside another one.
function include(filename)
{
    var head = document.getElementsByTagName('head')[0];

    var scripts = document.getElementsByTagName('script');
    for(var x=0;x<scripts.length;>    {
        if (scripts[x].getAttribute('src'))
        {
            if(scripts[x].getAttribute('src').indexOf(filename) != -1)
            {
                head.removeChild(scripts[x]);
                break;
            }
        }
    }

    script = document.createElement('script');
    script.src = filename;
    script.type = 'text/javascript';
    head.appendChild(script)
}

// Removes duplicated scripts.
function removeDuplicatedScript(id)
{
    var count = 0;
    var head = document.getElementsByTagName('head')[0];

    var scripts = document.getElementsByTagName('script');
    var firstScript;
    for(var x=0;x<scripts.length;>    {
        if (scripts[x].getAttribute('id'))
        {
            if(scripts[x].getAttribute('id').indexOf(id) != -1)
            {
                if (count == 0)
                {
                    firstScript = scripts[x];
                    count++;
                }
                else
                {
                    head.removeChild(firstScript);
                    firstScript = scripts[x];
                    count = 1;
                }
            }
        }
    }
    clearAjaxNetJunk();
}
// Evoids the update panel auto generated scripts to grow to inifity. X-(
function clearAjaxNetJunk()
{
    var knowJunk = 'Sys.Application.add_init(function() {';
    var count = 0;
    var head = document.getElementsByTagName('head')[0];

    var scripts = document.getElementsByTagName('script');
    var firstScript;
    for(var x=0;x<scripts.length;>    {
        if (scripts[x].textContent)
        {
            if(scripts[x].textContent.indexOf(knowJunk) != -1)
            {
                if (count == 0)
                {
                    firstScript = scripts[x];
                    count++;
                }
                else
                {
                    head.removeChild(firstScript);
                    firstScript = scripts[x];
                    count = 1;
                }
            }
        }
    }
}

非常酷，啊...jejeje
这部分内容是我前段时间发布的 这里。

希望这有帮助...:)

Answer 5

我遇到了 Page.ClientScript.RegisterStartUpScript 问题 - 我没有使用更新面板，但控件已缓存。 这意味着我必须将脚本插入到文字中（或者可以使用占位符），以便从缓存渲染时包含脚本。

类似的解决方案可能适合您。

Answer 6

不要使用 GUID 作为密钥

ScriptManager.RegisterClientScriptBlock(this.Page, typeof(UpdatePanel) 
       Guid.NewGuid().ToString(), myScript, true);

，如果你想这样做，请调用类似此函数的东西

 public static string GetGuidClear(string x)
 {
      return x.Replace("-", "").Replace("0", "").Replace("1", "")
              .Replace("2",  "").Replace("3", "").Replace("4", "")
              .Replace("5", "").Replace("6", "").Replace("7", "")
              .Replace("8", "").Replace("9", "");
 }

Answer 7

对我有用的是将其注册在页面上，同时将类型指定为 UpdatePanel 的类型，如下所示：

ScriptManager.RegisterClientScriptBlock(this.Page, typeof(UpdatePanel) Guid.NewGuid().ToString(), myScript, true);

Answer 8

有时，当脚本有语法错误时它不会触发，请确保脚本和 JavaScript 语法正确。

Answer 9

ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(),script,  true );

ScriptManager.RegisterStartupScript 末尾的“true”参数值将在页面内添加一个 JavaScript 标记：

<script language='javascript' defer='defer'>your script</script >

如果该值为“false”，它将仅注入不带 --script-- 标记的脚本。

Answer 10

我尝试了很多方法，最后发现最后一个参数必须为 false，并且必须将

string script = "< SCRIPT >alert('hello!');< /SCRIPT>";

ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), key, script, **false**);