データ属性を持つSelectListItem

Question

データ属性を持つViewModelにSelectListを事前入力する必要はありますか？

私は

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

ので、それはのようなコードを生成したいと思う：あなたはSelectListItemを拡張して、拡張SelectListItemを使用するようにDropDownListForを拡張する必要があります

<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

ここでは簡単な解決策です。

.NETコードでは、すべてを拡張メソッドで記述する必要はありません。 MVCの素晴らしい点の1つは、独自のHTMLを簡単に作成できることです。あなたはHTML.NameForと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> 

がModel.Citiesと仮定すると、ヘルパーと式ツリー上の要素のidと名前を取得することができますMVC4で

は、これらのプロパティのそれぞれを公開するアイテムのコレクションです。それからすべてがセットになっているはずです。あなたが再利用したい場合は

、その都市

Answer 2

を。

は、このソリューションを見てください：

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