Skip to main content

Binding One DropDownList Based On Another DropDown List | Cascading dropdownlist in ASP.Net C#.Net

By Anonymous
In this tutorial I am going to explain about how to load the one drop down list using another or cascading drop down list in ASP.Net  and C#.Net. It is achieved by passing the selected value of the one dropdown list as parameter to another drop down list.


Explanation:

For explanation purpose I have created three tables named Branches,Departments and employees. And I have inserted some sample records and also I wrote procedure to fetch values based on one drop down list value. Departments will get loaded based on branches selected value and employees will get loaded based on departments selected value. Below is the sql script used.

-- Branches Table Creation Script
CREATETABLE dbo.Branches
(
BranchId INTIDENTITY(1,1)PRIMARYKEY,
BranchName VARCHAR(100)NOTNULL
)
GO

--Inserting Sample Records In Branches Table
INSERTINTO dbo.Branches(BranchName)VALUES('Chennai')
INSERTINTO dbo.Branches(BranchName)VALUES('Mumbai')
INSERTINTO dbo.Branches(BranchName)VALUES('Delhi')

-- Department Table Creation Script
CREATETABLE dbo.Departments
(
DepartmentId INTIDENTITY(1,1)PRIMARYKEY,
DepartmentName VARCHAR(100)NOTNULL,
BranchId INTNOTNULL
)
GO

--Inserting Sample Records In Departments Table
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Designing',1)
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Designing',2)
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Designing',3)

INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Development',1)
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Development',2)
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Development',3)

INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Testing',1)
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Testing',2)
INSERTINTO dbo.Departments(DepartmentName,BranchId)
VALUES('Testing',3)

-- Employee Table Creation Script
CREATETABLE dbo.Employees
(
EmployeeId INTIDENTITY(1,1)PRIMARYKEY,
EmployeeName VARCHAR(100)NOTNULL,
DepartmentId INTNOTNULL
)
GO

--Inserting Sample Records In Branches Table
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 1',1)
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 2',1)
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 3',1)

INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 4',2)
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 5',2)
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 6',2)

INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 7',3)
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 8',3)
INSERTINTO dbo.Employees(EmployeeName,DepartmentId)
VALUES('Employee 9',3)


-- Procedure To Get All Branchs
CREATEPROC dbo.GetAllBranchs
AS
BEGIN
SETNOCOUNTON
SELECT BranchId,BranchName FROM dbo.Branches WITH(NOLOCK)
SETNOCOUNTOFF
END

-- Procedure To Get Departments By Branch Id
CREATEPROC dbo.GetAllDepartments
@BranchId INT
AS
BEGIN
SETNOCOUNTON
SELECT DepartmentId,DepartmentName FROM dbo.Departments
WITH(NOLOCK)WHERE BranchId=@BranchId
SETNOCOUNTOFF
END


-- Procedure To Get All Employees By Department Id
CREATEPROC dbo.GetEmployeesByDepartmentId
@DepartmentId INT
AS
BEGIN
SETNOCOUNTON
      SELECT EmployeeId,EmployeeName,DepartmentId FROM dbo.Employees
      WITH(NOLOCK)WHERE DepartmentId=@DepartmentId
SETNOCOUNTOFF
END

Now I have created a empty website and added a web form. And I have added three dropdown lists for loading Branches,departments and employees. Below is the html markup used.

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%>

<!DOCTYPEhtml>

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
</head>
<body>
<formid="form1"runat="server">
<divstyle="width: 900px; margin: 100px;">
<h2>Cascading Drop Down List</h2>
<table>
<tr>
<td>Branch Location</td>
<td>
<asp:DropDownListID="ddlBranch"Width="200"runat="server"AutoPostBack="true"OnSelectedIndexChanged="ddlBranch_OnSelectedIndexChanged">
<asp:ListItemValue=""></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>Department</td>
<td>
<asp:DropDownListID="ddlDepartment"Width="200"runat="server"AutoPostBack="true"OnSelectedIndexChanged="ddlDepartment_OnSelectedIndexChanged">
<asp:ListItemValue=""></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>Employees</td>
<td>
<asp:DropDownListID="ddlEmployees"Width="200"runat="server">
<asp:ListItemValue=""></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

In the code behind file include the necessary namespaces and include the following code.

using System;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
//Include this if it is not there
usingSystem.Configuration;
usingSystem.Data.SqlClient;
usingSystem.Data;

public partial class_Default : System.Web.UI.Page
{
String connectionString = ConfigurationManager.ConnectionStrings["myConnectionString"].ToString();
protected voidPage_Load(object sender, EventArgs e)
    {
if (!IsPostBack)
BindBranchDetails();
    }

Protected void ddlBranch_OnSelectedIndexChanged(object sender, EventArgs e)
    {
BindDepartmentDetails();
    }
protectedvoidddlDepartment_OnSelectedIndexChanged(object sender, EventArgs e)
    {
BindEmployeeDetails();
    }

privatevoidBindBranchDetails()
    {
using (SqlConnectionsqlConn = newSqlConnection(connectionString))
        {
SqlCommandcmd = newSqlCommand();
cmd.CommandText = "dbo.GetAllBranchs";
cmd.CommandType = CommandType.StoredProcedure;
cmd.Connection = sqlConn;
SqlDataAdapter adapter = newSqlDataAdapter(cmd);
DataSetdset = newDataSet();
adapter.Fill(dset, "Branch");
if (dset.Tables.Count> 0)
            {
DataTabledt = dset.Tables[0];
ddlBranch.DataSource = dt;
ddlBranch.DataTextField = "BranchName";
ddlBranch.DataValueField = "BranchId";
ddlBranch.DataBind();
ddlBranch.Items.Insert(0, newListItem("Select Branch", ""));

            }
        }
    }

privatevoidBindDepartmentDetails()
    {
using (SqlConnectionsqlConn = newSqlConnection(connectionString))
        {
SqlCommandcmd = newSqlCommand();
cmd.CommandText = "dbo.GetAllDepartments";
cmd.Parameters.AddWithValue("@BranchId", ddlBranch.SelectedValue);
cmd.CommandType = CommandType.StoredProcedure;
cmd.Connection = sqlConn;
SqlDataAdapter adapter = newSqlDataAdapter(cmd);
DataSetdset = newDataSet();
adapter.Fill(dset, "Department");
if (dset.Tables.Count> 0)
            {
DataTabledt = dset.Tables[0];
ddlDepartment.DataSource = dt;
ddlDepartment.DataTextField = "DepartmentName";
ddlDepartment.DataValueField = "DepartmentId";
ddlDepartment.DataBind();
ddlDepartment.Items.Insert(0, newListItem("Select Department", ""));
ddlEmployees.Items.Clear();
ddlEmployees.Items.Insert(0, newListItem("", ""));
            }
        }
    }
privatevoidBindEmployeeDetails()
    {
using (SqlConnectionsqlConn = newSqlConnection(connectionString))
        {
SqlCommandcmd = newSqlCommand();
cmd.CommandText = "dbo.GetEmployeesByDepartmentId";
cmd.Parameters.AddWithValue("@DepartmentId", ddlDepartment.SelectedValue);
cmd.CommandType = CommandType.StoredProcedure;
cmd.Connection = sqlConn;
SqlDataAdapter adapter = newSqlDataAdapter(cmd);
DataSetdset = newDataSet();
adapter.Fill(dset, "Employee");
if (dset.Tables.Count> 0)
            {
DataTabledt = dset.Tables[0];
ddlEmployees.DataSource = dt;
ddlEmployees.DataTextField = "EmployeeName";
ddlEmployees.DataValueField = "EmployeeId";
ddlEmployees.DataBind();
ddlEmployees.Items.Insert(0, newListItem("Select Employee", ""));
            }
        }
    }
}

Now if you run the application based on the one dropdownlist another list will get loaded. Below is the screenshot of the output.

Output of Binding One DropDownList Based On Another DropDown List | Cascading dropdownlist in ASP.Net C#.Net
Source Code:
Source code of Binding One DropDownList Based On Another DropDown List | Cascading dropdownlist in ASP.Net C#.Net

You May Also Like...

Labels:

Comments

  1. Anonymous11:53 am, June 04, 2015

    You Could Have Used One common Method. Lots duplicate Codes Are Used Here

    ReplyDelete
    Replies
    1. Kannnadasan1:02 pm, June 04, 2015

      Thanks for your valuable comment. Will do it henceforth. You mean fetching data from the database right?

      Delete

Post a Comment

Popular posts from this blog

Code To Convert rupees(numbers) into words using C#.Net

By
Introduction: In my previous article I have explained about how to validate emailid using javascript . In this article I am going to explain about code used to convert rupees(numbers) into words using C#.Net . Explanation: For explanation purpose I have a page. It has a textbox to input the numbers. And when you click on the convert to words button then it will convert the input numbers into words and shows it in the below label. Below is the C# code used to do this functionality. public static string NumbersToWords( int inputNumber) {     int inputNo = inputNumber;     if (inputNo == 0)         return "Zero" ;     int [] numbers = new int [4];     int first = 0;     int u, h, t;     System.Text. StringBuilder sb = new System.Text. StringBuilder ();     if (inputNo < 0)     { ...
16 comments
Read More...

C# Extension Methods Example

By
In this article i am going to explain about Extension Methods  with example. Extension methods enable you to "add" methods to existing types without creating a new derived type, recompiling, or otherwise modifying the original type. Extension methods are a special kind of static method, but they are called as if they were instance methods on the extended type. For client code written in C# and Visual Basic, there is no apparent difference between calling an extension method and the methods that are actually defined in a type. If you do implement extension methods for a given type, remember the following points: An extension method will never be called if it has the same signature as a method defined in the type. Extension methods are brought into scope at the namespace level. For example, if you have multiple static classes that contain extension methods in a single namespace named Extensions, they will all be brought into scope by the using Extensions; directive. ...
Post a Comment
Read More...

VBScript equivalent string functions in C#.Net

By
C# Method VBScript Description IndexOf() InStr Returns the position of the first occurrence of one string within another. The search begins at the first character of the string - InStrRev Returns the position of the first occurrence of one string within another. The search begins at the last character of the string ToLower() LCase Converts a specified string to lowercase SubString() Left Returns a specified number of characters from the left side of a string Length() Len Returns the number of characters in a string TrimStart() LTrim Removes spaces on the left side of a string TrimEnd() RTrim Removes spaces on the right side of a string Trim() Trim Removes spaces on both the left and the right side of a string SubString() M...
Post a Comment
Read More...