Gridview에서 항목을 선택하면 항상 gridview의 맨 위로 돌아갑니다.

Question

GridView 컨트롤이 있습니다. 코드는 아래와 같습니다. 행 선택이 가능합니다. 문제는이 GridView를 아래로 스크롤하고 선택 항목이 아래쪽 행을 선택할 때 전체 GridView가 맨 위로 스크롤된다는 것입니다. Enyone은 이것을 피하는 방법을 알고 있습니까?

<div style="overflow: scroll; width: 100%; height: 350px"> 
<asp:GridView id="GridView1" runat="server" Width="754px" OnRowDataBound="GridView1_RowDataBound"  DataKeyNames="UniqueID" GridLines="None" ForeColor="#333333" EmptyDataText="There are no data records to display." DataSourceID="sdsMapsAdd" CellPadding="4" AutoGenerateColumns="False" AllowSorting="True" AllowPaging="False" OnRowCommand="GridView1_RowCommand" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"> 
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
<Columns> 
<asp:CommandField ShowSelectButton="True" /> 
<asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="UniqueID" Visible="false" /> 
<asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True" SortExpression="SiteName" /> 
<asp:BoundField DataField="Address" HeaderText="Address" SortExpression="Address" /> 
</Columns> 
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" /> 
<EditRowStyle BackColor="#999999" /> 
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> 
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /> 
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
<AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
</asp:GridView> 
</div> 

덕분에 & 감사 관리 경력

Answer 1

일반적으로 maintainScrollPositionOnPostBack 페이지에 true로 설정 될 수 있지만, DIV는 스크롤을 처리하기위한 인라인 스타일을 가지고있다.

다음을 살펴 보자 이가 다시 게시라고 Maintain Scroll Bar position of a div within a gridview after a PostBack

Answer 2

I have resolved this issue by using the below code. 
<div style="overflow: scroll; width: 100%; height: 350px" id= 'scrollDiv'> 
<script type="text/javascript"> 
var xPos, yPos; 
var prm = Sys.WebForms.PageRequestManager.getInstance(); 
prm.add_beginRequest(BeginRequestHandler); 
prm.add_endRequest(EndRequestHandler); 
function BeginRequestHandler(sender, args) { 
    xPos = $get('scrollDiv').scrollLeft; 
    yPos = $get('scrollDiv').scrollTop; 
} 
function EndRequestHandler(sender, args) { 
    $get('scrollDiv').scrollLeft = xPos; 
    $get('scrollDiv').scrollTop = yPos; 
} 
</script> 

Now I need to fix headers in gridview when I scroll down the gridview then headers are not visible. Please advice