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