스크롤 가능한 GridView가 ASP.Net의 UpdatePanel과 작동하지 않습니다.

Question

jQuery 함수를 사용하면 내 gridview를 스크롤 할 수 있지만, 업데이트 패널을 추가하면 스크롤 막대가 사라지고 결과가 전체 페이지 전체를 채 웁니다. 이 문제는 패널을 업데이트하는 트리거 버튼을 추가 할 때 정확히 발생했습니다. 여기 이 내 페이지의 헤더 섹션에있는 것입니다 : 여기

<script src="Scripts/gridviewScroll.min.js" type="text/javascript"></script> 
<script src="Scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     gridviewScroll(); 
    }); 
    function gridviewScroll() { 
     $('#gvMain').gridviewScroll({ 
      width: 900, 
      height: 500, 
      arrowsize: 30, 
      varrowtopimg: "Images/arrowvt.png", 
      varrowbottomimg: "Images/arrowvb.png", 
      harrowleftimg: "Images/arrowhl.png", 
      harrowrightimg: "Images/arrowhr.png" 
     }); 
    } 

그리고 나의 마크 업입니다 :

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 

    <div> 


<asp:GridView ID="gvMain" runat="server" Width="100%" AutoGenerateColumns="False" 
    ...... 
.......... 

</asp:GridView> 

    </div>  
    </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="btnClick" /> 
     </Triggers> 
    </asp:UpdatePanel> 

Answer 1

당신이 아약스를 통해 그리드를 업데이트하고 있기 때문이다

, 그리고 당신이 할 때 DOM이 변경되고 변경 한 내용이 손실됩니다. 업데이트 이전에 적용된 스타일을 유지하려면 모든 부분 업데이트 후에 gridviewScroll() 메서드를 호출해야합니다. 이렇게하려면 다음을 시도하십시오.

그런 식으로 모든 부분 업데이트 후에 스타일이 다시 적용되고 스크롤됩니다. "행 : 27 오류 : 'SYS'정의되지 않은"내가 당신의 명령에 따라 후