Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Bind arraylist to gridview in Asp.net

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 783
    Comment on it

    Gridview is a rich control of asp.net c#,it fetches the data from database and display data in the form of columns and rows(tabular form). There are features for CRUD operations in gridview, User can perform edit,update,delete operations with the data in database.

     

    To understand it better,we will create a small Web application.

    STEP1:

    In Design: GridWebForm.Aspx

    First, add a GridView control from your toolbox.Refer screenshot for design part;

     

    Insert the following code for design part in GridWebForm.aspx:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Gridview with arraylist</title>
        <style type="text/css">
    .Gridview
    {
    font-family:'Times New Roman';
    font-size:15pt;
    font-weight:normal;
    color:black;
    width:250px;
    }
    </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <asp:GridView ID="ArrayGridView" runat="server" CssClass="Gridview" AutoGenerateColumns="false" HeaderStyle-BackColor="#7779AF" HeaderStyle-ForeColor="White" >
    <Columns>
    <asp:BoundField DataField="EmpId" HeaderText="EmpId"/>
    <asp:BoundField DataField ="EmpName" HeaderText="EmpName" />
    <asp:BoundField DataField ="EmpSalary" HeaderText="EmpSalary" />
    <asp:BoundField DataField ="EmpHireDate" HeaderText="EmpHireDate" />
    </Columns>
    </asp:GridView>
        </div>
        </form>
    </body>
    </html>

     

    STEP2:

    Now in code behind file, Create a method to bind gridview in which we will create an ArrayList and bind it with gridview. Write the following code:

    private void BindGridview()
        {
            string[,] Gridarrlist = {
                        {"1", "Shubham","70000","20/6/2015"},
                         {"2", "Mayank","50000","12/8/2015"},
                         {"3", "Shikha","10000","2/5/2016"},
                         {"4", "Payal","40000","10/3/2015"},
                        };
            DataTable dt = new DataTable();
            dt.Columns.Add("EmpId");
            dt.Columns.Add("EmpName");
            dt.Columns.Add("EmpSalary");
            dt.Columns.Add("EmpHireDate");
    
            for (int i = 0; i < Gridarrlist.GetLength(0); i++)
            {
                dt.Rows.Add();
                dt.Rows[i]["EmpId"] = Gridarrlist[i, 0].ToString();
                dt.Rows[i]["EmpName"] = Gridarrlist[i, 1].ToString();
                dt.Rows[i]["EmpSalary"] = Gridarrlist[i, 2].ToString();
                dt.Rows[i]["EmpHireDate"] = Gridarrlist[i, 3].ToString();
            }
            ArrayGridView.DataSource = dt;
            ArrayGridView.DataBind();
        }
    

     

    STEP3:

    We will call BindGridView() method on page load event.

    protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BindGridview();
            }
        }
    

     

    STEP4:

    Debug the application and you'll get the following output,refer screenshot for reference:

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: