Tạo kiểu danh sách lựa chọn trong mvc3

Question

Tôi đang trong quá trình thay đổi một số mã mà tôi không viết và tôi khá mới với Razor

Đó là danh sách lựa chọn các loại xe và mã trông giống như này:

<select name="selectVehicle" class="cls_vehicles" data-bind="options:  $root.vehicles,optionsCaption:$root.noVehicleText, optionsText:  'VehicleNumber',optionsValue: 'VehicleID',value: VehicleID"><option value=""/></select> 

nguồn dữ liệu của tôi chứa bên cạnh Vehicleid và Vehiclenumber cũng là một Vehicletype, và bây giờ tôi muốn làm nổi bật những chiếc xe theo loại, do đó xe xăng có màu xanh và những động cơ diesel là màu xanh lá cây.

Nhưng tôi không biết làm cách nào để giải quyết vấn đề này, mọi trợ giúp đều được đánh giá rất cao.

Answer 1

Vì vậy, mã câu hỏi của bạn có một ràng buộc dữ liệu loại trực tiếp cho các tùy chọn trong đó, vì vậy tôi sẽ giả sử bây giờ bạn đang sử dụng Knockout làm nguồn dữ liệu. Để làm điều này, bạn sẽ phải mở rộng ràng buộc một chút, để bạn có thể đặt một lớp css trên mỗi tùy chọn riêng lẻ.

<select data-bind="value: selectedCar, foreach: cars"> 
    <option data-bind="css: { carDiesel: isDiesel, carGas: isGas }, text: name"></option> 
</select>​ 

Bây giờ, điều này phụ thuộc vào cấu trúc của chế độ xem loại trực tiếp của bạn, nhưng here is the fiddle Tôi đã sử dụng phương pháp này. Bạn sẽ có thể điều chỉnh nó để phù hợp với bạn. Nếu bạn muốn có giải pháp chỉ dành cho Razor, hãy cho tôi biết.