开发WebForm时遇到的问题

标签：

在做一个小项目时，一个很长的页面，页面底部有一个contact us form

整个页面我没有使用MVC,而是使用ASP.NET WebForm（.aspx）来实现，实现功能后发现，当用户在页面底部输入信息，提交submit form之后，页面会自动跳转到页面顶部(滚动条会自动上去，显示给用户是页面顶部的信息)

而实际上，用户submit form之后，需要反馈一个信息给用户“谢谢你的信息，我们将尽快和你联系”，在原来form的位置，让用户submit form之后，可以看到。也就是说页面焦点要停留在那里，而不是页面自动跳转到页面顶部去

在aspx文件中，有个属性叫做 MaintainScrollPositionOnPostback 可以设置，如下

<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  %>

这样，可以保证页面在Postback之后，不会自动跳转到页面顶部,而是停留在原处

但是，我开发时是这样的，contact us form提交之后，就把页面底部的这个form隐藏了(Visible=false),只是在原来这个form的位置，放个Label显示反馈给用户的提交成功的信息

这样之后，发现submit form之后，页面还是会自动跳转到页面顶部去

原因： MaintainScrollPositionOnPostback="true" 需要记录原来的位置，你提交form时，记录的就是form的位置，现在提交submit后，你把form隐藏了，程序找不到form,也就无法定位到原来的位置，所以又自动跳转到顶部去了

所以，submit form之后，不要隐藏form, 只是把提交成功的信息放个Label放在这个form之上，这样问题就解决了。 这个时候，提交form之后，页面滚动条没有滚动到页面顶部，依然停留在form的位置，用户可以马上看到提交成功的信息

另一个是注意，服务器端控件Literal无法设置CSS,如果你又要使用Literal,又要设置它上面内容的CSS样式，怎么办，可以如下操作

 <asp:Literal ID="myError" runat="server">
                                <label class="error" >You must choose reCAPTCHA</label>
                            </asp:Literal>

开发WebForm时遇到的问题

标签：

原文地址：http://www.cnblogs.com/wphl-27/p/5952307.html