Veri niteliklerine sahip SelectListItem

Question

Veri niteliklerine sahip ViewModel'de önceden seçilmiş bir SelectList'e sahip olmak var mı?

Ben

@Html.DropdownListFor(m=> m.CityId, Model.Cities); 

yüzden böyle bir kod üretir yapmak istiyorum:

<select id="City" class="location_city_input" name="City"> 
    <option data-geo-lat="-32.522779" data-geo-lng="-55.765835" data-geo-zoom="6" /> 
    <option data-geo-lat="-34.883611" data-geo-lng="-56.181944" data-geo-zoom="13" data-geo-name="Montevideo" data-child=".state1" value="1">Montevideo</option>    
    <option data-geo-lat="-34.816667" data-geo-lng="-55.95" data-geo-zoom="13" data-geo-name="Canelones, Ciudad de la Costa" data-child=".state41" value="41">Ciudad de la Costa</option> 
</select> 

Answer 1

Burada basit çözüm:

bu çözüme bakın.

.NET kodunda her şey uzantı yöntemiyle yazılmamalıdır. MVC ile ilgili harika şeylerden biri, kendi HTML'nizi oluşturmanıza kolay erişim sağlamasıdır. Eğer Model.Cities varsayarsak yardımcıları HTML.NameFor ve HTML.IdFor

<select name="@Html.NameFor(Function(model) model.CityId)" 
     id="@Html.IdFor(Function(model) model.CityId)" 
     class="location_city_input"> 
    @For Each city In Model.Cities 
     @<option value="@city.Value" 
       @(If(city.Value = Model.CityId, "selected", "")) 
       data-geo-lat="@city.Lat" 
       data-geo-lng="@city.Lng" 
       data-geo-zoom="@city.Zoom"> 
      @city.Text 
     </option> 
    Next 
</select> 

ile ifade ağaç üzerinde elemanın kimliğini ve adını alabilirsiniz MVC4 ile

bu özelliklerin her birinin maruz öğelerin topluluğudur. Öyleyse hepiniz ayarlanmalı. Eğer yeniden kullanılabilirliği istiyorsanız

, o Kentler

Answer 2

Sen SelectListItem uzatmak ve ardından genişletilmiş SelectListItem kullanmak DropDownListFor uzatmak gerekecek.

Adding html class tag under <option> in Html.DropDownList