Hello Friends,
here is a tip to scroll the gridview to particular record.
the basic concept is html scrolling. to scroll at particular position create an anchor tag with name as address (eg. #ScrollPoint '# is must')
now redirect the page to the location using javascript call
same thing can be achieved by anchorlink href
here is sample code
HTML Page
here is a tip to scroll the gridview to particular record.
the basic concept is html scrolling. to scroll at particular position create an anchor tag with name as address (eg. #ScrollPoint '# is must')
now redirect the page to the location using javascript call
window.location.href = "#ScrollPoint";
same thing can be achieved by anchorlink href
here is sample code
HTML Page
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return MoveTo();" /> <div style="height: 100px; overflow: auto;"> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"> <Columns> <asp:TemplateField HeaderText="ID" SortExpression="ID"> <EditItemTemplate> <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ID") %>'></asp:TextBox> </EditItemTemplate> <ItemTemplate> <a name='<%# Eval("ID") %>'></a> <asp:Label ID="Label1" runat="server" Text='<%# Bind("ID") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" /> </Columns> </asp:GridView> </div> <script type="text/javascript"> function MoveTo() { window.location.href = "#" + document.getElementById('<%= TextBox2.ClientID %>').value; return false; } </script>Code Behind
protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindControls(); } } private void BindControls() { DataTable dt = new DataTable(); dt.Columns.Add("ID"); dt.Columns.Add("Name"); for (int i = 0; i < 200; i++) { AddRow(dt); } GridView1.DataSource = dt; GridView1.DataBind(); } private static void AddRow(DataTable dt) { DataRow dr = dt.NewRow(); dr["ID"] = dt.Rows.Count + 1; dr["Name"] = "Sandeep" + dt.Rows.Count + 1; dt.Rows.Add(dr); } }Happy Coding...
2 comments:
great
Very Good Work with the spirit of sharing... Keep it up..
Post a Comment