如何滚动到DataGrid中的选定内容？

Question

我正在显示这样的Datagrid，并邀请用户进行选择...

<div id="gradesDiv" style="overflow: auto; width: 380px; height: 300px">
    <asp:DataGrid id="gradesGrid"
                  BorderWidth="1"
                  CellPadding="3"
                  AutoGenerateColumns="true"
                  runat="server">
        <Columns>
             <asp:ButtonColumn HeaderText="Select&nbsp;Item"
                               ButtonType="LinkButton"
                               Text="Select"
                               CommandName="Select">
             </asp:ButtonColumn>
        </Columns>
    </asp:DataGrid>
 </div>

（在后面的代码中添加了其他三列）。 但是，当用户进行选择时，将执行回发操作，并且滚动位置会丢失。 我希望能够重设div以显示所选项目。 有谁知道如何做到这一点？

我尝试添加

MaintainScrollPositionOnPostback="true"

到asp，但这无济于事。 我试图在代码隐藏区中保持滚动位置，但是gradesDiv似乎对代码隐藏区不可用。

Answer 1

网上有很多创造性的方法可以做到这一点，只需在回发中搜索- 保持div滚动位置即可，这只是这样的例子之一：

<script type="text/javascript">
    $(document).ready(function () {
        var xPos, yPos;
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_beginRequest(BeginRequestHandler);
        prm.add_endRequest(EndRequestHandler);

        var divId = 'gradesDiv';

        function BeginRequestHandler(sender, args) {
            xPos = $get(divId).scrollLeft;
            yPos = $get(divId).scrollTop;
        }
        function EndRequestHandler(sender, args) {
            $get(divId).scrollLeft = xPos;
            $get(divId).scrollTop = yPos;
        }
    });
</script>