导航

gridview刷新固定滚动条

Posted on 2014-12-26 14:30  feilign  阅读(689)  评论(0)  编辑  收藏  举报

1、在页面没有使用AJAX时，在页面的Page命令中增加MaintainScrollPositionOnPostback="true"属性

<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeBehind="Default.aspx.cs"

2、当页面没有使用AJAX时，第一种方法会无效，此时可以在DIV滚动时记住滚动条位置，并在提交后恢复滚动条位置

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeBehind="Default.aspx.cs" Inherits="Gridview_Scroll._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript" language="javascript">
        function RecordPostion(obj) {
            var div1 = obj;
            var sx = document.getElementById('dvscrollX');
            var sy = document.getElementById('dvscrollY');

            sy.value = div1.scrollTop;
            sx.value = div1.scrollLeft;
        }

        function GetResultFromServer() {
            var sx = document.getElementById('dvscrollX');
            var sy = document.getElementById('dvscrollY');

            document.getElementById('dvGridView').scrollTop = sy.value;
            document.getElementById('dvGridView').scrollLeft = sx.value;
        }
    </script>
</head>
<body style="height:1500px">
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" >
    </asp:ScriptManager>
       
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div id="dvGridView" style="height:400px; overflow:scroll" onscroll="javascript:RecordPostion(this);">                
                <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" ShowHeader="false" >      
                    <Columns>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:Label ID="Label2" runat="server" Text='<%#Eval("Id") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%#Eval("Name") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
                <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick" Interval="2000">
                </asp:Timer>
                </div>
                <asp:HiddenField ID="dvscrollX" runat="server" />
                <asp:HiddenField ID="dvscrollY" runat="server" />
            </ContentTemplate>       
        </asp:UpdatePanel>
    </div> 
    </form>
</body>
</html>

后台代码：

using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

namespace Gridview_Scroll
{
    public partial class _Default : System.Web.UI.Page
    {
        protected static DataTable dt1;

        protected static DataTable dt2;

        protected static int iFlag = 0;

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                dt1 = new DataTable();
                dt2 = new DataTable();

                dt1.Columns.Add("Id", typeof(string));
                dt1.Columns.Add("Name", typeof(string));

                dt2.Columns.Add("Id", typeof(string));
                dt2.Columns.Add("Name", typeof(string));

                for (int i = 0; i < 100; i++)
                {
                    DataRow dr1 = dt1.NewRow();
                    dr1["Id"] = i.ToString();
                    dr1["Name"] = "Jack_" + i.ToString();
                    dt1.Rows.Add(dr1);
                }

                for (int j = 0; j < 200; j++)
                {
                    DataRow dr2 = dt2.NewRow();
                    dr2["Id"] = j.ToString();
                    dr2["Name"] = "Tom_" + j.ToString();
                    dt2.Rows.Add(dr2);
                }
            }
        }

        private void BindGridView()
        {

            if (iFlag % 2 == 1)
            {
                this.GridView1.DataSource = dt1;
            }
            else
            {
                this.GridView1.DataSource = dt2;
            }

            this.GridView1.DataBind();

            string sjs = "GetResultFromServer();";

            ScriptManager.RegisterClientScriptBlock(this.GridView1, this.GetType(), "", sjs, true);

        }

        protected void Timer1_Tick(object sender, EventArgs e)
        {
            iFlag++;

            BindGridView();
        }
    }
}


这两种方法，摘自CSDN两位网友Mr_ALei和AngleProgrammer在CSDN论坛中的回复内容