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