如何强制选择第一个项目时使用剑道MVVM DropDownlist

Question

function GenericSelectFirst(e){
  // This function is called without any errors, I have verified it
  e.sender.select(0);
}

<select class="full-width"

        name="..."
        data-bind="source: ..., value: ..., visible: ..., events:{dataBound: Function.GenericSelectFirst}"
        data-role="dropdownlist"
        data-value-field="..."
        data-text-field="..."
        data-value-primitive="true"
        data-auto-bind="true"
        required="required"
>
</select>

我不认为实现这样一个常见的简单场景有那么难，但我有一个剑道下拉列表，它使用MVVM风格进行初始化，它绑定了一个远程数据源。

我想要实现的是，一旦远程数据源准备好并绑定到小部件，默认情况下会选择第一个选项（当然，第一个项目的值应该绑定到视图模型）

我试图直接使用上面的代码来做这件事，它将一个dataBound事件绑定到小部件，并在它触发时选择第一个项目。回调方法被调用时没有错误，但是小部件从不选择第一个选项，而是继续选择第一个默认的“空”选项。

我做错了什么，我该如何弥补？任何建议都很感激！

Answer 1

你使用哪种剑道版本？如果是最新的，请记住，自2015年第1季度以来，为了更好地匹配Html选择行为并解决与MVVM值绑定相关的一些问题，dropdownlist现在允许清除其值（取消选择所选项）。这将引入以下突破性变化：

当所选索引为-1时，小部件将不选择第一项。当所选值不存在于数据源中时，小部件将不选择第一项。

长话短说，如果有人想要获得之前的行为，那么他/她将需要手动选择第一项：

  dataBound: function() {
    if (this.select() === -1) { //check whether any item is selected
      this.select(0);
      this.trigger("change");
    }
  }