Kendo UI ComboBox - предотвратить пустое значение

Question

У меня есть такой тег ввода:

<input id="ddlType" tabindex="4" />

и я преобразовываю это поле в виджет ComboBox для кендо, например:

$("#ddlType").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: "type1", value: "0" },
        { text: "type2", value: "1" }
    ]
});

Но я получаю три значения в раскрывающемся списке с первым значением пустым. Мне нужно удалить пустую и установить параметр type1, выбранный по умолчанию.

Как мне этого добиться?

Answer 1

Просто укажите начальное значение для элемента HTML, который конвертируется в ComboBox, следующим образом:

<input id="ddlType" tabindex="4" value="0" />

В качестве альтернативы после вызова инициации виджета .select(index) (индексы начинаются с нуля) метод виджета для выбора первого элемента в источнике данных, например:

$("#ddlType").data("kendoComboBox").select(0);

Смотрите это в действии:

$("#ddlType").kendoComboBox({
  dataTextField: "text",
  dataValueField: "value",
  dataSource: [
    { text: "type1", value: "0" },
    { text: "type2", value: "1" }
  ]
});

<link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common.min.css" rel="stylesheet"/>
<link href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.silver.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js"></script>

<input id="ddlType" tabindex="4" value="0" />