如何使用knockoutjs与服务器下拉列表

时间:2013-03-11 13:32:37

标签: asp.net-mvc-4 knockout.js knockout-2.0 knockout-validation knockout-mvc

来自服务器我得到A或B或G为类型

我希望它显示的是文本Gamma的下拉,如果它是G和Alpha,如果它是A和Beta,如果它是B.还有那个要选择的项目......不知道如何做到这一点。

这是我从后端得到的......一个可观察的

阵列
  self.AllValues = ko.observableArray([{"ID":1,"Type":"A" .... }]);

我有类似下面的类型是A B OR G ......

 <td class="label">Drop-down list:</td>
 <td><select data-bind="options: optionValues, value: selectedOptionValue"></select>
 </td> 

1 个答案:

答案 0 :(得分:0)

这里有几个选择。您可以处理从服务器返回的数据,并将包含全文名称的属性添加到每个对象,然后将数组绑定到select,使用此新属性作为select的文本,或者您可以使用Custom Binding创建select元素及其中的所有选项,替换每个选项中所需的全文。

我会说第一个选项是最好的选项。