从用户控件将 asp.net 页面刷新到页面顶部

Question

我正在使用一个表单的更新面板，当单击“继续”按钮时，该面板会返回到同一页面，但会显示要填写的不同字段。其中一个字段是一些信用卡数据，是用户控件的一部分。用户控件有一个“立即付款”按钮。因此，页面内有一个用户控件，其中包含您填写的字段，然后单击“立即付款”。点击此按钮后，如果出现验证错误，错误会显示在页面顶部，但页面不会移动到页面顶部。我想知道用户单击包含在更新面板中的页面上的用户控制按钮后如何滚动到页面顶部。（在这种情况下，最好使用 javascript 而不是 jquery）

代码示例：

<ajax:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
       <asp:ImageButton ID="ContinueButton" runat="server" AlternateText="Continue"  SkinID="Continue" EnableViewState="false" OnClick="ContinueButton_Click" ValidationGroup="group1" />
</ContentTemplate>
</ajax:UpdatePanel>

在代码隐藏中，用户控件被实例化。

ASP.CreditCardStuff cc = new ASP.CreditCardStuff();
                cc.ValidationGroup = "group1";
                phForms.Controls.Add(cc);

这是包含“立即付款”按钮的用户控件

Answer 1

在按钮旁边和页面顶部提供验证错误指示器怎么样？这样，页面将保持滚动到同一点（对用户来说更好），而不是跳到顶部，纯粹是为了使页面顶部的错误指示器可见（不太好）。

Answer 2

您可以处理 end_request 事件：

function pageLoad(sender, args) {
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function (sender, args) {
        if (args.get_error() == null) {
            // do the scrolling here
        }
    });
}