javascript - 如何在 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>

这将创建一个包含几个选项和一个名为 default 且具有 selected 属性的选择，但选择显示空而不是默认选项。

有什么想法吗？

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>

在此示例中， View 模型上有一个名为 users [{ id: 1, name: 'dave'}, { id: 2, 'james'}] 的可观察数组。 View 模型上还有一个名为 selectedUserId 的字段，其值为 1，在本例中该数字对应于 dave 的 id。