代码之家 › 专栏 › 技术社区 › KimboSlice

将项目列表转换为下拉列表

knockout-3.0 knockout-validation knockout-mapping-plugin knockout-2.0 knockout.js

0

KimboSlice · 技术社区 · 6 年前

我是新手。请问我应该如何将这个无序的项目列表转换成具有相同数据绑定的下拉列表。

<div class="col-lg-4 col-md-4 col-sm-4">
  <h4>Select a Request Reason:</h4>
   <ul class="nav nav-pills nav-stacked" data-bind="foreach: Reasons">
      <li role="presentation" data-bind="css: { 'active': Id() === $parent.Request().ReasonId() }">
       <a href="#" data-bind="text: Title(), click: $parent.SelectReason"></a>
      </li>
   </ul>
</div>

Id、Title和Description是模型中下拉列表的属性。提前谢谢。

1 回复 | 直到 6 年前

1

0

DaveB 6 年前

试试这个 options 结合。

<select data-bind="options: Reasons, optionsText: 'Title', optionsValue: 'Id', value: selectedReasonID, optionsCaption: 'Please select a reason'"></select>

在本例中,需要将selectedReasonID属性添加到viewmodel以存储选定的ID。如果需要,还可以存储整个Reason对象。