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

这将创建一个选择包含AA几个选项和一个名为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> 

在这个例子中，存在可观察到的阵列称为用户[{ID：1，名称： '戴夫'}，{ID：2， '詹姆斯'}]上视图模型。视图模型上还有一个名为selectedUserId的字段，其值为1，这个数字对应于这种情况下的dave的id。