Поддерживать позицию в веб-приложении

Надеюсь, я сделал свою домашнюю работу по этому вопросу. У меня довольно большое веб-приложение, и при нажатии кнопки веб-страница переходит в начало страницы при обратной передаче. Я знаю, что на странице нужна строка MaintainScrollPositionOnPostback="true"

Поэтому я вернулся к первоначальным принципам и создал две веб-страницы. У одного есть элемент управления ajax takeit tabcontainer, у второго его нет.

На тот, у которого есть tabcontainer, атрибут mainposition не влияет, и страница возвращается к tabcontainer. На той, что без ajax работает нормально. Обе страницы ниже.

Подскажите, пожалуйста, почему и как решить эту проблему?

Веб-страница, сохраняющая позицию при обратной передаче

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="MaintainMyPosition.WebForm1" MaintainScrollPositionOnPostback="true"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        This Web Application will maintain the position on postback</div>
                <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />    
    <asp:Button ID="Button1" runat="server" Text="Press me and position will be maintained" />
    </form>
</body>
</html>

Веб-страница, которая НЕ поддерживает позицию при обратной передаче

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="MaintainMyPosition.WebForm2" MaintainScrollPositionOnPostback="true"  %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" LoadScriptsBeforeUI="True">
    </asp:ScriptManager>
    <div>   
        This Web Application will NOT maintain the position on postback
        </div>                          
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <asp:TabContainer ID="TabContainerMain" runat="server" ActiveTabIndex="4" Width="100%"
                        Height="100%" CssClass="" ViewStateMode="Enabled">

                        <asp:TabPanel ID="Tab_Errors" runat="server" HeaderText="Tab_Errors">
                            <ContentTemplate>
                                <div class="TabControls">
                                    <p>
                                        Hello Im an ajax control tab and I'm going to cause this webpage to not maintain position .</p>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>                                             
                    </asp:TabContainer>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />

    <asp:Button ID="Button1" runat="server" Text="Press me and position will not be maintained" />
    </form>
</body>
</html>

person user1438082    schedule 22.01.2013    source источник
comment
Я бы посоветовал изучать CSS. Использование BR для форматирования страницы просто неправильно.   -  person Diodeus - James MacFarlane    schedule 23.01.2013
comment
привет, это демонстрация только для объяснения проблемы. я использую, конечно, css в моем реальном приложении   -  person user1438082    schedule 23.01.2013


Ответы (1)


Эта статья должна объяснить это:

http://www.eggheadcafe.com/tutorials/asp-net/7dd57635-0587-42ba-ae73-f52449e653bf/aspnet-ajax-maintain-scroll-position-from-a-partial-page-update.aspx

person Ratan    schedule 22.01.2013
comment
хорошо - я попробую это, мне интересно, как я должен справляться с несколькими элементами управления в форме. я отчитаюсь. - person user1438082; 23.01.2013