Untuk membuat dropdownlist pada ASP.Net MVC, kita dapat mnggunakan Html Helper Dropdown List.

Pertama, kita akan mengambil data dari database sebagai pilihan pada dropdownlist yang akan kita buat. Pada controller kita akan melakukan data binding dengan syntax berikut ini :

public ActionResult Index()
{
     var connectionString = WebConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;

     using(var connection = new SqlConnection(connectionString)){
             var country = connection.Query<Country>("GetCountries", commandType: CommandType.StoredProcedure).ToList();

             ViewBag.Country = new SelectList(country, "CountryId", "CountryName");

      return View();
    }

}

Pada bagian kode :

var country = connection.Query<Country>("GetCountries", commandType: CommandType.StoredProcedure).ToList();

Kita mengambil data dengan mengesekusi stored procedure “GetCountries”. Data inilah yang akan kita gunakan sebagai pilihan dalam dropdownlist.

Setelah mendapatkan data yang diinginkan, kita membentuk data tersebut menjadi value dan text, serta mem-parsing nya ke view dengan kode berikut :

ViewBag.Country = new SelectList(country, "CountryId", "CountryName");

Setelah itu, pada view Index, kita tambahkan HTML Helper @Html.Dropdownlist untuk membuat dropdownlist

@Html.DropDownList("Country")

Tekan F5. Hasilnya adalah sebagai berikut :

ddl

Tinggalkan komentar

I’m Riza

Welcome to my website. I’m happy to share my knowledge and experience here, especially related with my expertise in digital solution for enterprise. I’ll talk many topics around technology, AI, and others. Happy to know you!

You can find me in network platform below

Let’s connect