在更新面板的部分回发后执行 javascript？

Question

我有一个向其添加树文件脚本的页面。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript" src="js/easing.js"></script>

我有一个带有下拉列表的更新面板。 当运行 SelectedIndexChanged 事件（更新面板的部分回发）时，不要执行 javascript 。

Answer 1

使用pageLoad函数：

function pageLoad(sender, args) {
  InitialiseSettings();
}

function InitialiseSettings(){
    // replace your DOM Loaded settings here. 
    // If you already have document.ready event, 
    // just take the function part and replace here. 
    // Not with document.ready 
    $(element).slideUp(1000, method, callback});

    $(element).slideUp({
                   duration: 1000, 
                   easing: method, 
                   complete: callback});
}

或者，尝试使用.add_endRequest()添加“结束请求”事件处理程序：

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(InitialiseSettings)

编辑：

最好将代码从document.ready移动到InitialiseSettings() ，然后将其注册为pageLoaded事件处理程序。

代码示例

 Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitialiseSettings)

Answer 2

要在全部和部分回发中运行您的 javascript，请将您的 javascript 代码放入 javascript pageLoad() 函数中。

function pageLoad()
{
   //your javascript code
}

例子：

function pageLoad() {

    $(':submit').click(function () {
        CommodityArray();
    });
    $('#btn_image').click(function () {
       CommodityArray();
    });
    $(".repHeader").disableSelection();

    CommodityArray();
}

希望能帮助到你！ :)

Answer 3

您必须在更新面板后使用以下代码。

<script type="text/javascript" language="javascript">
var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
pageRequestManager.add_endRequest(NewCharacterCount);
</script>

其中NewCharacterCount是您的 javascript 函数名称。

阅读这篇文章Sys.WebForms.PageRequestManager endRequest 事件希望它可以帮助你。

Answer 4

如果您正在使用 UpdatePanel 并且您想在更新面板中的内容刷新后调用 javascript 函数，您可以使用以下方法轻松完成。 在 Page body标签中，调用函数RefreshContent()

<body onload="RefreshContent()">

<script type="text/javascript">
  function RefreshContent()
  {
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
  }

  function EndRequestHandler()
  {
    alert("Add your logic here" );
  }
</script>

参考链接http://www.infoa2z.com/asp.net/how-to-call-javascript-function-after-an-updatepanel-asychronous-request-to-asp.net-page

Answer 5

您可以使用PageRequestManager 客户端事件。 sender 参数将包含您需要的信息。 例如，可以这样做：

// Register event handler
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

/// Executed when all page content is refreshed, full page or async postback: https://msdn.microsoft.com/en-us/library/bb397523.aspx
function pageLoaded(sender, args) {
    var isPostBack = sender.get_isInAsyncPostBack();
    if(!isPostBack) return;

    // PostBack logic here.
}

在更新面板的部分回发后执行 javascript？

问题描述

5 个解决方案

解决方案1
32 已采纳 2012-12-26 09:46:53

解决方案2
24 2012-12-26 09:55:13

解决方案3
8 2012-12-26 10:01:05

解决方案4
1 2015-06-29 08:10:31

解决方案5
1 2017-06-26 13:22:08

在更新面板的部分回发后执行 javascript？

问题描述

5 个解决方案

解决方案1 32 已采纳 2012-12-26 09:46:53

解决方案2 24 2012-12-26 09:55:13

解决方案3 8 2012-12-26 10:01:05

解决方案4 1 2015-06-29 08:10:31

解决方案5 1 2017-06-26 13:22:08

解决方案1
32 已采纳 2012-12-26 09:46:53

解决方案2
24 2012-12-26 09:55:13

解决方案3
8 2012-12-26 10:01:05

解决方案4
1 2015-06-29 08:10:31

解决方案5
1 2017-06-26 13:22:08