如何在Kendo UI中的表单选择中设置默认选择值？

Question

我有这个选择：

<select name="type" required data-bind="source: types, value: model.type" data-template="typeTemplate"></select>

和一个模板：

<script type="text/x-kendo-template" id="typeTemplate">
    <option value="#: name #" #if (name =='default' ) { # selected # } #>#: name #</option>
</script>

这将创建一个选择，其中包含一些选项和一个带有selected属性的名为default的selected ，但是select显示为空而不是默认选项。

有任何想法吗？

Answer 1

看起来您在select语句上缺少了data-text-field和data-value-field属性。 这是一个例子：

<select data-text-field="name" data-value-field="id" 
   data-template="optionTemplate"   
   data-bind="source: users, value: selectedUserId"></select>

 <script type="text/x-kendo-template" id="optionTemplate">
    <option data-bind="value:id,text:name"></option>
 </script>

在此示例中，视图模型上有一个称为用户[{id：1，名称：'dave'}，{id：2，'james'}]的可观察数组。 视图模型上还有一个名为selectedUserId的字段，其值为1，在这种情况下，该字段对应于dave的id。