c# - 如何注册 Javascript 函数以在每次回发时运行？

Question

我在用户控件中有一个 TreeView 。我需要在每个异步回发中运行一个 javascript 函数，以将它所在的 div 滚动到正确的位置。我已经让它工作了，但我认为必须有一种“更清洁”的方式来做到这一点。在控件的 Page_Load 函数中，我有以下代码。有更好的方法吗？

ScriptManager.RegisterStartupScript(this.UpdatePanel1, this.GetType(), "key" + DateTime.Now.Ticks, "RestorePosition();", true);

为了任何搜索此答案的人的利益，以下是我最终所做的工作。在 ascx 页面的顶部，我有以下代码:

<script type="text/javascript">
    function pageLoad(sender, args) {
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(SavePosition);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(RestorePosition);
    }

    function SavePosition(sender, args) {
        document.getElementById('hdnScrollSaver').value = document.getElementById('reportTreeViewdiv').scrollTop;
    } 
    function RestorePosition(sender, args) {
        document.getElementById('reportTreeViewdiv').scrollTop = document.getElementById('hdnScrollSaver').value;
    } 

</script>

然后我将 treeview 包裹在一个 div 标签中，如下所示:

<div class="reportTreeView" id="reportTreeViewdiv">
                    <asp:TreeView ID="TreeView1" runat="server" OnTreeNodePopulate="TreeView1_TreeNodePopulate" 
                        OnSelectedNodeChanged="TreeView1_SelectedNodeChanged" PathSeparator="|" SkinID="ReportTreeView" />
                </div>

希望这对某人有帮助。

Answer 1

Ajax 为您提供类似于 ASP.Net 页面的页面生命周期，但在客户端。因此，在 pageLoad 事件中，我们可以连接要在每个开始请求和结束请求上调用的函数。

function pageLoad(sender, args) {
  Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
  Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);
}

function beginRequest(sender, args) {
        // begin request code - i.e. make a "processing" div visible
}

function endRequest(sender, args) {
        // we are back
        RestorePosition(); 
}