Kendo Ui 콤보 박스 - 기본값 설정

Question

내 콤보 박스를 성공적으로 채웠습니다. 하지만 지금은 콤보 박스의 기본값을 설정하려고합니다. 예를 들어 소스에서 세 번째 값을 가정 해 보겠습니다. 정말 간단하지만 난 그와 함께 strugling 해요 아마

<script> 
viewModel.dataSourceType = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: "/api/Type/Get", 
      dataType: "json" 
     } 
    }, 
    schema: { 
     id: "Id", 
     data: "Data", 
     model: { 
      id: "Id", 
      fields: {} 
     } 
    } 
}); 

<input id="type" 
data-role="combobox" 
data-value-primitive="true" 
data-auto-bind="true" 
data-text-field="Name" 
data-value-field="Id" 
data-bind="value: model.Id, source: dataSourceType"> 

: 이것은 내 입력 및 데이터 소스입니다. 고맙습니다.

Answer 1

구성 옵션이 인 것으로 가정합니다.

Answer 2

model 정의에 문제가있는 것, 즉 사용자가 콤보 상자에 바인딩하는 것입니다.

당신의 정의에 따르면 자바 스크립트는해야 뭔가 같은 : 2 당신이 기본 (초기) 값으로 원하는 값을입니다

var dataSource = new kendo.data.DataSource({ 
    type: "odata", 
    transport: { 
     ... 
    } 
}); 

var model = new kendo.observable({ 
    dataSourceType: dataSource, 
    model : { Id: 2 } 
}); 
kendo.bind($("#type"), model); 

.

는 value이 model.Id 것을 당신 data-bind 정의에 말 이후가 Id에 대한 추가 model를 선언했던 것을 실현.

은 아마 당신은 말을하고 싶었 :

var model = new kendo.observable({ 
    dataSourceType: dataSource, 
    Id: 2 
}); 
kendo.bind($("#type"), model); 

을 그리고 당신은 같은 HTML을 정의해야합니다 : 당신은 이런 식으로 달성 할 수

<input id="type" 
    data-role="combobox" 
    data-value-primitive="true" 
    data-auto-bind="true" 
    data-text-field="Name" 
    data-value-field="Id" 
    data-bind="value: Id, source: dataSourceType"> 

$(document).ready(function() { 
 
    var dataSource = new kendo.data.DataSource({ 
 
    type: "odata", 
 
    serverFiltering: true, 
 
    transport: { 
 
     read: { 
 
     url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products", 
 
     } 
 
    } 
 
    }); 
 
    var model = new kendo.observable({ 
 
    dataSourceType: dataSource, 
 
    Id: 2 
 
    }); 
 
    kendo.bind($("#cbox"), model); 
 

 
});

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css" /> 
 
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css" /> 
 
<script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script> 
 
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script> 
 

 
<input id="cbox" 
 
     data-role="combobox" 
 
     data-value-primitive="true" 
 
     data-auto-bind="true" 
 
     data-text-field="ProductName" 
 
     data-value-field="ProductID" 
 
     data-bind="value: Id, source: dataSourceType">

Answer 3

.

var combobox = $("#kendoitems").data("kendoComboBox"); 
combobox.select(1); 

select (index)에 인덱스 값을 전달해야합니다.