Home > MVC > Bind Dropdownlist in ASP.NET core with Visual Studio code



Bind Dropdownlist in ASP.NET core with Visual Studio code

In this article, we will explore how to bind Dropdownlist in ASP.NET core with an example in Visual Studio Code.


In this article, we will explore how to bind Dropdownlist in ASP.NET core with an example in Visual Studio Code. We have used the razor view engine and bound the Dropdownlist from the database using ADO.net. It's a very simple way of binding Dropdownlist. In this example, we have taken employee's and customer's data for binding a Dropdownlist. You can see the example code below. Visual Studio Code is a lightweight but powerful source code editor. It is a fully open-source and cross-platform framework available on Windows, Linux, and Mac.

 

Step -1

Open Visual Studio Code.

Bind Dropdownlist in ASP.NET Core with Visual Studio Code

 

Step -2

Click on the file in the menu and select Open Folder. We are creating a folder for project(SampleCode) and select created folder name.

Bind Dropdownlist in ASP.NET Core with Visual Studio Code

 

Step -3

Go to Terminal and Select New Terminal in the menu. In the terminal window, type dotnet new mvc .

Bind Dropdownlist in ASP.NET Core with Visual Studio Code

 

Step -4

Build and Run the MVC Application. In the terminal window, type dotnet Build and dotnet run .

Bind Dropdownlist in ASP.NET Core with Visual Studio Code

 

Required Namespaces

We will need to use the following namespaces.

 

Views

We have provided razor view html below.

 

Models

In this model we have two child class for dropdownlist binding. you can use your existing class for this activity.

 

HomeController

 

Output

Bind Dropdownlist in ASP.NET Core with Visual Studio Code

 

Download




Note: All contents are copyright of their authors.



Comments



Leave a Reply

Comment:*
Email ID:*


Name:*