Сохранение позиции прокрутки панели при частичной обратной передаче ASP.NET - PullRequest
Новая
       13

Сохранение позиции прокрутки панели при частичной обратной передаче ASP.NET

20 голосов
/ 13 марта 2011

У меня есть gridview, который помещен в ASP.NET Panel. и панель, и Gridview находятся в UpdatePanel. в gridview есть столбец, который вызывает частичные постбэки. Я хочу сохранить позицию Panel Scroll на этих постбэках. Там в любом случае? С уважением.

Ответы [ 3 ]

40 голосов
/ 13 марта 2011

Нет встроенного средства для его разрешения в asp.net

Однако для этой проблемы есть обходной путь;Вам нужно обработать его с помощью javascript.

Решение упоминается здесь: Сохранение положения полосы прокрутки внутри панели обновления после частичного постбэка

Отредактировано 20 мая 2012 г .;после просмотра комментариев 

<form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release" />
   <script type="text/javascript">
      // It is important to place this JavaScript code after ScriptManager1
      var xPos, yPos;
      var prm = Sys.WebForms.PageRequestManager.getInstance();

      function BeginRequestHandler(sender, args) {
        if ($get('<%=Panel1.ClientID%>') != null) {
          // Get X and Y positions of scrollbar before the partial postback
          xPos = $get('<%=Panel1.ClientID%>').scrollLeft;
          yPos = $get('<%=Panel1.ClientID%>').scrollTop;
        }
     }

     function EndRequestHandler(sender, args) {
         if ($get('<%=Panel1.ClientID%>') != null) {
           // Set X and Y positions back to the scrollbar
           // after partial postback
           $get('<%=Panel1.ClientID%>').scrollLeft = xPos;
           $get('<%=Panel1.ClientID%>').scrollTop = yPos;
         }
     }

     prm.add_beginRequest(BeginRequestHandler);
     prm.add_endRequest(EndRequestHandler);
 </script>

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
     <asp:Panel ID="Panel1" runat="server" Height="300">
        <%-- Some stuff which would cause a partial postback goes here --%>
     </asp:Panel>
   </ContentTemplate>
 </asp:UpdatePanel>

</form>

Ниже приведен снимок кода: -

Maintain Scrollbar Position Inside UpdatePanel After Partial PostBack

5 голосов
/ 28 мая 2013

Добавьте MaintainScrollPositionOnPostback = "true" в директиву вашей страницы.

0 голосов
/ 14 мая 2019

Я искал ответ на эту проблему в течение нескольких дней, используя типичную альтернативу MaintainScrollPositionOnPostback и решения JavaScript, использующие BeginRequestHandler и EndRequestHandler, где в моем случае я использую MasterPage.

Ничего не помогло, однако я придумал довольно простое решение с использованием jQuery с BeginRequestHandler и EndRequestHandler с использованием одного и того же алгоритма @ waqas-raja: 

<script type="text/javascript">

    var scrollPosition = 0;

    $(document).ready(function () {

        $(window).scroll(function (event) {
            scrollPosition = $(window).scrollTop();
        });

    });

</script>

<script type="text/javascript">

    // It is important to place this JavaScript code after ScriptManager1
    var xPos, yPos;
    var prm = Sys.WebForms.PageRequestManager.getInstance();

    function BeginRequestHandler(sender, args) {
        console.log('BeginRequest');
    }

    function EndRequestHandler(sender, args) {
        $(window).scrollTop(scrollPosition);
    }

    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);

</script>

Идея состоит в том, чтобы фиксировать положение прокрутки в глобальной переменной каждый раз, когда пользователь перемещает прокрутку, таким образом, известно, какая позиция была последней, и при выполнении обратной передачи событие EndRequestHandler вводится и обновляется с помощью последняя позиция, которую пользователь отметил

Это сработало для меня в Firefox и Google Chrome:)

...