当我点击提交按钮的联系我们的形式.它会自动转到页面顶部.但我想重载页面的特定部分

本文关键字:顶部 定部 重载 按钮 联系 提交 联系我 我们 | 更新日期: 2023-09-27 18:16:02

我正在使用asp.net开发单页网站,在我的页面底部,我已经创建了联系我们的形式。问题是,当我点击提交按钮的联系我们的形式。它会自动转到页面顶部HTML代码在这里'

<form id="form1" runat="server">
<div>
    <h2>Contact Us</h2>
    <br />
    <table>
        <!-- Name -->
        <tr>
            <td align="center">
                Name:</td>
            <td>
                <asp:TextBox ID="txtName" 
                                runat="server" BackColor="Transparent"
                                Columns="50"></asp:TextBox>
            </td>
        </tr>
        <!-- Subject -->
        <tr>
            <td align="center">
                Subject:
            </td>
            <td>
                <asp:TextBox ID="ddlSubject" runat="server"></asp:TextBox>
            </td>
        </tr>
        <!-- Message -->
        <tr>
            <td align="center">
                Message:
            </td>
            <td>
                <asp:TextBox ID="txtMessage" 
                                runat="server"
                                Columns="40"
                                Rows="6" 
                                TextMode="MultiLine"></asp:TextBox>
            </td>
        </tr>
        <!-- Submit -->
        <tr align="center">
            <td colspan="2">
                <a href="#btnSubmit">
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                    onclick="btnSubmit_Click" /></a>
            </td>
        </tr>
        <!-- Results -->
        <tr align="center">
            <td colspan="2">
                <asp:Label ID="lblResult" runat="server"></asp:Label>
            </td>
        </tr>
    </table>
</div>
</form>`

当我点击提交按钮的联系我们的形式.它会自动转到页面顶部.但我想重载页面的特定部分

使用UpdatePanel,或者如果你真的想做SPA,请考虑使用AJAX来开发网站,只需编写web服务。

在Page_Load函数中设置:

Page.MaintainScrollPositionOnPostBack = true; 

如果您希望在单击按钮后返回到页面上相同的滚动位置。

您需要添加MaintainScrollPositionOnPostback="true"到"<%@ Page"标签,您也可以在code-behind或web.config:

中设置它

http://blogs.msdn.com/b/webdevelopertips/archive/2009/06/08/tip - 75 -你知道吗- - - -如何维护- scrollposition -后-后back.aspx