当我点击提交按钮的联系我们的形式.它会自动转到页面顶部.但我想重载页面的特定部分
本文关键字:顶部 定部 重载 按钮 联系 提交 联系我 我们 | 更新日期: 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