HTML de karşılığı select tag i olan Aspnet MVC DropDownList metodunu kullanımını göstereceğim.
HTML.DropDownList() Kullanımı
8 Farklı şekilde yazılabilir. En az bir parametre almalıdır.
@Html.DropDownList(string name, IEnumrable selectList,
string optionLabel, IDictionary htmlAttributes)
Sık kullandığımız parametreler şunlardır.
string name = "Kontrolün ismini"
IEnumrable = "Listenin tanımlandığı parametredir"
string optionLabel = "Default değeridir -Bir seçim yapınız-"
IDictionary = "DropDownListimizde HTML kodlarını kullanacağımız parametredir."
Şimdi ise kodlamasını yapalım
.
@*name mi kategoriler ve manuel olarak yazdığımız list parametrelerini kullanarak bir dropdownlist oluşturuyoruz *@
@Html.DropDownList("kategoriler",
new List {
new SelectListItem {
Text="CSS",
Value="1",
// Selected = true, seçili olarak gelsin
// Disabled = true disable olarak gelsin istersek kullanıyoruz
},
new SelectListItem {
Text="HTML",
Value="2",
},
})
@*Default Bir değer atamak istersek yani listenin ilk değeri değil de kendi belirlediğimiz bir yazının listenin başında default değer olarak gözükmesini istiyorsak bunu için yapmamız gereken optionLabel parametresini kullanmak olacaktır. *@
@Html.DropDownList("kategoriler",
new List {
new SelectListItem {
Text="CSS",
Value="1",
// Selected = true, seçili olarak gelsin
// Disabled = true disable olarak gelsin istersek kullanıyoruz
},
new SelectListItem {
Text="HTML",
Value="2",
},
},"Kategori Seçiniz")
@*Html kodlarımızı eklemek istersek de bir parametre daha yazmamız yeterli olacaktır. *@
//Class için
// new { @class = "form-control" }
//id için
// new { @id ="select-list" }
//style için
// new { @style ="width: 250px......" }
@Html.DropDownList("kategoriler",
new List {
new SelectListItem {
Text="CSS",
Value="1",
// Selected = true, seçili olarak gelsin
// Disabled = true disable olarak gelsin istersek kullanıyoruz
},
new SelectListItem {
Text="HTML",
Value="2",
},
},"Kategori Seçiniz",new { @class = "form-control"})
Kullanımı bu şekilde.