HiIve used your codehttpaspsnippetscomArticlesScrollableGridViewwithFixedHeadersinsideASPNetUpdatePanelusingjQueryPluginaspx but I noticed that if move the bind from page load directly to button the code doesnt works lt Page Language34vb34 AutoEventWireup34true34 CodeBehind34WebForm1aspxvb34 Inherits34100yWebWebForm134 gtlt Register Assembly34AjaxControlToolkit34 Namespace34AjaxControlToolkit34 TagPrefix34asp34

Yes when you bind the GridView from Button Click you will not get the freex headerYou need to create a javaScript function and call it from server side so that the same feature apply to the GridViewHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead id34Head134 runat34server34gtltheadgtltbodygt ltform id34form134 runat34server34gt ltaspScriptManager ID34ScriptManager134 runat34server34gt ltaspScriptManagergt ltaspUpdatePanel ID34up34 runat34server34gt ltContentTemplategt ltaspGridView ID34GridView134 runat34server34 AutoGenerateColumns34false34gt ltColumnsgt ltaspBoundField DataField34ContactName34 HeaderText34Contact Name34 gt ltaspBoundField DataField34City34 HeaderText34City34 gt ltaspBoundField DataFie

Scrollable GridView Plugin not work for GridView populated on Button Click in ASP.Net

vinpes

SOLVED CLOSED ACTIVE ANSWERED
User: vinpes
Posted: on Jul 20, 2014 05:06 AM
Forum: Data Controls
Answer: 1
Views: 4679

Hi,

Ive used your code:

http://aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-inside-ASPNet-UpdatePanel-using-jQuery-Plugin.aspx

but I noticed that if move the bind from page load directly to button the code doesnt works?

<%@ Page Language="vb" AutoEventWireup="true" CodeBehind="WebForm1.aspx.vb" Inherits="_100yWeb.WebForm1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>


<!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">
<script src="Script/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Script/ScrollableGridPlugin.js" type="text/javascript"></script>
<script type = "text/javascript">
    $(document).ready(function () {
        $('#<%=GridView1.ClientID %>').Scrollable({
            ScrollHeight: 300
        });
        $('#<%=GridView2.ClientID %>').Scrollable({
            ScrollHeight: 300
        });
    });
</script>


</head>
<body>

    <form id="form1" runat="server">
         <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
            <asp:UpdatePanel ID="UpdatePanel4" runat="server">
        <ContentTemplate>
    <asp:GridView ID="GridView1" runat="server" />
    <br />
           <asp:Button ID="Button1" runat="server" Text="Refresh" />
    <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns = "false">
        <Columns>
        <asp:BoundField DataField = "ContactName" HeaderText = "Contact Name" />
        <asp:BoundField DataField = "Country" HeaderText = "Country" />
        <asp:BoundField DataField = "City" HeaderText = "City" />

        <asp:BoundField DataField = "ContactName" HeaderText = "Contact Name" />
        <asp:BoundField DataField = "Country" HeaderText = "Country" />
        <asp:BoundField DataField = "City" HeaderText = "City" />

        <asp:BoundField DataField = "ContactName" HeaderText = "Contact Name" />
        <asp:BoundField DataField = "Country" HeaderText = "Country" />
        <asp:BoundField DataField = "City" HeaderText = "City" />

        <asp:BoundField DataField = "ContactName" HeaderText = "Contact Name" />
        <asp:BoundField DataField = "Country" HeaderText = "Country" />
        <asp:BoundField DataField = "City" HeaderText = "City" />

        <asp:BoundField DataField = "ContactName" HeaderText = "Contact Name" />
        <asp:BoundField DataField = "Country" HeaderText = "Country" />
        <asp:BoundField DataField = "City" HeaderText = "City" />
        </Columns>
    </asp:GridView>

                   </ContentTemplate>
      
    </asp:UpdatePanel>
    </form>
</body>
</html>

Public Class WebForm1
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then
            'Dim db As New DBclienti
            'GridView2.DataSource = db.selClienti("", 1)
            'GridView2.DataBind()

            'Dim ds As New DataSet
            'ds.ReadXml(Server.MapPath("~/App_Data/Customers.xml"))
            'GridView2.DataSource = ds
            'GridView2.DataBind()
        End If
    End Sub

    Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        Dim ds As New DataSet
        ds.ReadXml(Server.MapPath("~/App_Data/Customers.xml"))
        GridView2.DataSource = ds
        GridView2.DataBind()
    End Sub
End Class

Download FREE API for Word, Excel and PDF in ASP.Net

Azim

0 3

Reply
ANSWER
User: Azim
Replied: on Jul 21, 2014 01:39 AM
Report

Yes when you bind the GridView from Button Click you will not get the freex header.

You need to create a javaScript function and call it from server side so that the same feature apply to the GridView

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="up" runat="server">
        <ContentTemplate>
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
                <Columns>
                    <asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
                    <asp:BoundField DataField="City" HeaderText="City" />
                    <asp:BoundField DataField="Country" HeaderText="Country" />
                </Columns>
            </asp:GridView>
            <asp:Button ID="Button1" runat="server" Text="Refresh" OnClick="Refresh" />
        </ContentTemplate>
    </asp:UpdatePanel>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"></script>
    <script type="text/javascript">        
        function AddScroll() {
            $('#<%=GridView1.ClientID %>').Scrollable({
                ScrollHeight: 300,
                IsInUpdatePanel: true
            });
        }
    
    </script>
    </form>
</body>
</html>

Namespaces

using System.Data;

protected void Refresh(object sender, EventArgs e)
{
    DataSet ds = new DataSet();
    ds.ReadXml(Server.MapPath("~/App_Data/Customers.xml"));
    GridView1.DataSource = ds;
    GridView1.DataBind();
    ScriptManager.RegisterClientScriptBlock((sender as Control), this.GetType(), "alert", "AddScroll()", true);
}

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Scrollable GridView Plugin not work for GridView populated on Button Click in ASP.Net

Company

Explore

Follow us

Contact Us