Adding Select Button into GridView using ASP.Net C#

This article I am going to explain  how to use gridview with the select button. Gridview provide built-in support for selection. Add a commanField column with the ShowSelectButton property set to true.




// ASPX

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head runat=”server”>

    <title></title>

    <style type=”text/css”>

        .style1

        {

            width: 53px;

        }

        .style2

        {

            height: 65px;

        }

    </style>

</head>

<body>

    <form id=”form1″ runat=”server”>

    <div>

   

        <asp:Label ID=”Label2″ runat=”server”Text=”Product Name”></asp:Label>

        <asp:Label ID=”Label3″ runat=”server”Text=”Label”ForeColor=”Red”></asp:Label>

        <br />

        Quantity&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        <asp:Label ID=”Label4″ runat=”server”Text=”Label”ForeColor=”Red”></asp:Label>

&nbsp;<br />

        Price&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        <asp:Label ID=”Label6″ runat=”server”Text=”Label”ForeColor=”Red”></asp:Label>

        <br />

        <table style=”width:100%;”>

            <tr>

                <tdclass=”style1″rowspan=”3″>

   

        <asp:GridView ID=”GridView1″runat=”server”BackColor=”White”BorderColor=”#999999″

                        BorderStyle=”Solid” BorderWidth=”1px”CellPadding=”3″

                        DataKeyNames=”Productid,ProductName,UnitPrice”GridLines=”Vertical”

                        onrowcommand=”GridView1_RowCommand”

                        onselectedindexchanged=”GridView1_SelectedIndexChanged”ForeColor=”Black”>

            <AlternatingRowStyleBackColor=”#CCCCCC”/>

            <Columns>

                <asp:CommandField ButtonType=”Button”ShowSelectButton=”True”/>

            </Columns>

            <FooterStyle BackColor=”#CCCCCC”/>

            <HeaderStyle BackColor=”Black”Font-Bold=”True”ForeColor=”White”/>

            <PagerStyle BackColor=”#999999″ForeColor=”Black”HorizontalAlign=”Center”/>

            <SelectedRowStyleBackColor=”#000099″Font-Bold=”True”ForeColor=”White”/>

            <SortedAscendingCellStyleBackColor=”#F1F1F1″/>

            <SortedAscendingHeaderStyleBackColor=”#808080″/>

            <SortedDescendingCellStyleBackColor=”#CAC9C9″/>

            <SortedDescendingHeaderStyleBackColor=”#383838″/>

        </asp:GridView>

   

                </td>

                <td>

                    &nbsp;</td>

            </tr>

            <tr>

                <tdclass=”style2″>

                    &nbsp;</td>

            </tr>

            <tr>

                <td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                </td>

            </tr>

        </table>

   

   

      

   

    </div>

    </form>

</body>

</html>

//C# Source Code

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data.SqlClient;

using System.Data;

public partial class _Default : System.Web.UI.Page

{

    public int ProdID;

    protected voidPage_Load(object sender, EventArgs e)

    {

        string connectionString = “Data Source=(local);Initial Catalog=Northwind;Integrated Security=True”;

        SqlConnection cnn = newSqlConnection(connectionString);

        string sql = “select ProductID,ProductName,QuantityPerUnit,UnitPrice from   dbo.Products”;

        SqlCommand cmd = newSqlCommand(sql,cnn);

        SqlDataAdapter da = newSqlDataAdapter(cmd);

        DataSet ds = new DataSet();

        da.Fill(ds, “Product”);

        GridView1.DataSource = ds;

        GridView1.DataBind();

     }

  

    protected voidGridView1_RowCommand(object sender, GridViewCommandEventArgs e)

    {

        ProdID = Convert.ToInt32(e.CommandArgument);

       

        int ID = Convert.ToInt32(GridView1.DataKeys[ProdID].Values[0]);

        Label3.Text = ID.ToString();

      

        string PName= GridView1.DataKeys[ProdID].Values[1].ToString();

       

        Label4.Text = PName.ToString();

        string Price = GridView1.DataKeys[ProdID].Values[2].ToString();

        Label6.Text = Price.ToString();

    }

}

Leave a Reply

Your email address will not be published. Required fields are marked *