ASP.NET - UpdatePanel 和 JavaScript

Question

有没有办法在 UpdatePanel 进程完成时执行脚本。

我有一个页面允许“插入”、“复制”和“编辑”记录。 这一切都是在 UpdatePanel 上完成的，以防止页面导航。 我想在页面的其他地方打印一条“闪现”消息 - 例如“您已成功输入记录”。 它不在 UpdatePanel 附近，我想对消息使用 jQuery 效果，以便它在 4 秒后淡出。 如何使用 UpdatePanel 发送回脚本或在 UpdatePanel 刷新后执行脚本？ 我应该将脚本写入 asp:literal 吗？ 想法？

Answer 1

是：

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

然后：

function endRequestHandler(sender, args)
{
  // Do stuff
}

文档此处和此处。 请记住，这将针对页面上的每个 AJAX 请求触发。

Answer 2

这应该可以解决问题：

       <script type="text/javascript">
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            prm.add_beginRequest(BeginRequestHandler);
            prm.add_endRequest(EndRequestHandler);

            function BeginRequestHandler(sender, args) 
            {
                 //Jquery Call
            }

            function EndRequestHandler(sender, args) 
            {
                 //Jquery Call

            }
        </script> 

Answer 3

这里有一篇文章介绍了如何使用 ScriptManager 的静态方法 RegisterClientScriptBlock 来完成此操作。 尝试了一下，效果非常好。

http://csharperimage.jeremylikness.com/2009/ 06/注入-dynamic-javascript-into-aspnet.html

Answer 4

var requestManager = Sys.WebForms.PageRequestManager.getInstance();
requestManager.add_beginRequest(function () { alert('here1') });
requestManager.add_endRequest(function () { alert(here2') });

来源：http://www.howtositecore.com/?p=36

Answer 5

Sys.WebForms.PageRequestManager.getInstance() 方法也非常适合我。

我处理了很多包含多个更新面板的页面，并且我了解到即使您不希望更新面板刷新，这也会自动触发。 因此，在事件触发的函数内，请确保您有类似的内容：

function BeginRequestHandler(sender, args) {
if (args.get_postBackElement().id == "ID of the Updatepanel") {
// do stuff here

Answer 6

布鲁诺，

首先回答你的直接问题。 在更新面板调用的回调中，您应该能够使用 RegisterStartupScript 调用来调用 JS 方法。 然后在你的 JS 方法中，你将显示该消息，然后你可以使用 do a:

setTimeout('$('#myMessage').fadeOut("slow")', 4000);

让它在 4 秒后消失。

更进一步，由于您已经在实现 JavaScript，我邀请您查看 这篇关于 UpdatePanels 的文章。 如果可能，我会尝试发送 Ajax 调用来进行插入、复制和编辑，这将进一步简化您的用户反馈，并防止线路上出现过多信息。