如何在Kendo UI中选择表单中设置默认选定值?

时间:2015-09-05 08:33:27

标签: javascript select kendo-ui

我有这个选择:

<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属性的选项,但select显示为空而不是默认选项。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您似乎缺少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>

在此示例中,视图上有一个名为users [{id:1,name:&#39; dave&#39;},{id:2,&#39; james&#39;}]的可观察数组模型。在视图模型上还有一个名为selectedUserId的字段,其值为1,在这种情况下,该字段对应于dave的id。