Fill GridView Based on DropDownList Using Stored Procedure

El Mahdi Archane
8y
6.4k
0
0
25
Blog

GridView_StoredProcedure.zip

Here you will find the steps,

Step 1

You need to create a database with table named “Customers”.

After creating table, you can fill it with data rows as shown below:

Step 2

You proceed to create stored procedure named “Customers_ByCountry” with input parameter @Country which will be used to retrieve data from tables as follows,

CREATEPROCEDURECustomers_ByCountry
@CountryVARCHAR(50)
AS
BEGIN
SELECT*FROMCustomersWHERECustomerCountry=@Country
END

Step 3

Open Visual Studio, Add New Project.

Step 4

Configuring Entity Framework to use Stored Procedure.

Now, I will show you the steps that allow us to configure Entity Data Model.

For doing this, you need to Add New Item > Data > ADO.NET Entity Data Model as shown below:

Step 5

Import stored procedure into the Entity Framework.

Now, you will need to click right in Model1.edmx, Add>then click on Function Import.

After clicking on Function Import, Add Function Import dialog window will be displayed as below:

Here, we need to specify the Function Import Name (in our case “Customer_ByCountry_Result”) and then select the stored procedure (“Customers_ByCountry”) which will be used when the function is called.

After selecting the stored procedure, you need to click on Get Column Information button.

Now you will need to select complex RadioButton and click Create New ComplexTypebutton for having a complex Type Class that contains stored procedure records and finally click OK.

Step 6

Create Web Page named “DisplayDataInGridView.aspx”

HTML Markup

At this level, you to add Grid view and dropdown list controls from Toolbox.

DisplayDataInGridView.aspx

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="DisplayDataInGridView.aspx.cs"Inherits="GridView_StoredProcedure.DisplayDataInGridView"%>
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<metahttp-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<formid="form1" runat="server">
<table>
<tr>
<td> Select Country </td>
<td>
<asp:DropDownListID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>
</td>
</tr>
</table><br/><br/>
<div>
<asp:GridViewID="GridView1" runat="server" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical">
<AlternatingRowStyleBackColor="White" />
<FooterStyleBackColor="#CCCC99" />
<HeaderStyleBackColor="#6B696B" Font-Bold="True" ForeColor="White" />
<PagerStyleBackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
<RowStyleBackColor="#F7F7DE" />
<SelectedRowStyleBackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyleBackColor="#FBFBF2" />
<SortedAscendingHeaderStyleBackColor="#848384" />
<SortedDescendingCellStyleBackColor="#EAEAD3" />
<SortedDescendingHeaderStyleBackColor="#575357" />
</asp:GridView>
</div>
</form>
</body>
</html>

DisplayDataInGridView.aspx.cs

using System;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Data.SqlClient;
usingSystem.Data;
namespaceGridView_StoredProcedure
{
publicpartialclassDisplayDataInGridView: System.Web.UI.Page
{
protectedvoidPage_Load(object sender, EventArgs e)
{
SqlConnectionconx = newSqlConnection("Data Source=.;Initial Catalog=EntityFrameworkTest;Integrated Security=True");
if (!this.IsPostBack)
{
using(SqlCommandcmd = newSqlCommand("SELECT Distinct CustomerCountry FROM CUSTOMERS", conx))
{
conx.Open();
DropDownList1.DataSource = cmd.ExecuteReader(); // fill dropdownlist with all countries from database
DropDownList1.DataTextField = "CustomerCountry";
DropDownList1.DataValueField = "CustomerCountry";
DropDownList1.DataBind();
conx.Close();
}
}
}
protectedvoid DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
EntityFrameworkTestEntities2db = newEntityFrameworkTestEntities2();
GridView1.DataSource = db.Customers_ByCountry_Result(DropDownList1.SelectedItem.ToString()); // call stored procedure, and then pass dropdownlist as parameter
GridView1.DataBind();
}
}
}