AJAX 업데이트 패널 스크롤 막대 문제

Question

내부에 데이터리스트가있는 업데이트 패널이 하나 있습니다.

이 업데이트 패널은 1 초마다 트리거하여 DB에서 데이터를 검색합니다.

이 업데이트 패널을 수직 스크롤 활성화 DIV 태그 내부에 보관했습니다.

그러나 새 데이터를 얻을 때 스크롤 막대가 자동으로 조정되지 않습니다 !!!

유지 관리를 시도했지만 작동하지 않습니다.

UpdatePanel 트리거 후 스크롤 막대를 원래 위치로 유지할 수있는 옵션이 있습니까?

Answer 1

다음은 JavaScript를 피하는 것을 선호하는 것입니다. 각각의 새로 고침/업데이트 각각 스크롤 위치를 조정해야합니다 ...

아래와 같은 페이지를 설계했을 것 같아요

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
    <ContentTemplate>
        <div style="height: 400px/300px; overflow-y:scroll;"> 
            <asp:DataList ID="DataList1" runat="server">
                ....
            </asp:DataList>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

이와 같은 것을 스크롤 문제를 처리해야합니다.

<div style="height: 400px/300px; overflow-y:scroll;"> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
        <ContentTemplate>
                <asp:DataList ID="DataList1" runat="server">
                    ....
                </asp:DataList>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

Answer 2

이것을 시도하십시오 :

<script>
  var prm = Sys.WebForms.PageRequestManager.getInstance();
  prm.add_beginRequest(function(){
     window.dTop = document.getElementById('divIdHere').scrollTop;
  });

  prm.add_endRequest(function(){
       setTimeout(function(){
         document.getElementById('divIdHere').scrollTop = window.dTop;
      },100);
  });
</script>