asp.net-mvc-3 - mvc3中选择列表项的样式

Question

我正在修改一些我没有编写的代码，而且我对 Razor 还很陌生

它是车辆的选择列表，代码如下所示：

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

我的数据源除了 Vehicleid 和 Vehiclenumber 还包含一个 Vehicletype，现在我想根据类型突出显示车辆，所以汽油车是蓝色的，柴油车是绿色的。

但我不知道如何去做，非常感谢任何帮助。

Answer 1

因此，您的问题代码中的选项有一个敲除数据绑定，所以我现在假设您使用敲除作为数据源。为此，您必须稍微扩展绑定，以便您可以在每个选项上单独放置一个 css 类。

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

现在，这取决于您的淘汰视图模型的结构，但这是我使用这种方法制作的小提琴。你应该能够调整它以适合你的。如果您想要仅 Razor 的解决方案，请告诉我。