SelectListItem với các thuộc tính dữ liệu

Question

Có cách nào để có một SelectList được chuẩn bị sẵn trên ViewModel với các thuộc tính dữ liệu không?

tôi muốn làm

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

nên nó tạo ra mã như:

<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

Đây là giải pháp đơn giản.

Không phải mọi thứ đều phải được viết bằng phương pháp mở rộng trong mã .NET. Một trong những điều tuyệt vời về MVC là nó cho phép bạn dễ dàng truy cập để xây dựng HTML của riêng bạn.

Với MVC4 bạn có thể lấy id và tên của phần tử trên cây biểu hiện với những người giúp đỡ HTML.NameFor và 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> 

Giả sử Model.Cities là một bộ sưu tập các vật phẩm tiếp xúc với mỗi người trong số những tài sản. Sau đó, bạn nên được tất cả các thiết lập.

Nếu bạn muốn tái sử dụng, hãy xem xét làm cho nó một mẫu biên tập viên cho bất cứ điều gì đó là một Enumerable của thành phố

Answer 2

Bạn sẽ phải mở rộng SelectListItem, và sau đó mở rộng DropDownListFor sử dụng SelectListItem mở rộng.

Có xem xét giải pháp này:

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