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-class。

\n\n

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

\n\n

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

\n