Kendo Ui combobox - définir la valeur par défaut

J'ai réussi a rempli mon combobox. Mais maintenant, je suis en train de définir la valeur par défaut pour la zone de liste déroulante. Par exemple, disons que le tiers de la valeur de la source. C'est mon entrée et la source de données:

<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">

C'est probablement vraiment facile, mais je suis strugling avec qui. Merci.

InformationsquelleAutor user3573096 | 2014-12-10
  1. 4

    Je suppose que vous regardez pour les index option de configuration.

    InformationsquelleAutor Petur Subev
  2. 0

    Probable que le problème est dans votre model définition, c'est à dire que vous êtes la liaison à la zone de liste déroulante.

    Selon votre définition de votre JavaScript doit être quelque chose comme:

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

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

    Où 2 est la valeur que vous souhaitez utiliser comme valeur par défaut (initial) de la valeur.

    Rends compte que j'ai eu à déclarer un supplément de model pour Id puisque vous dites dans votre data-bind définition que value est model.Id.

    Peut-être que vous avez voulu dire:

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

    Et ensuite vous devez définir le code HTML comme:

    <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">

    JS:

    $(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);

});

    HTML:

    <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">

    InformationsquelleAutor OnaBai
  3. 0

    Vous pouvez obtenir ce genre.

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

    vous avez besoin pour passer la valeur de l'index pour sélectionner(index).

    Renvoyer cette http://jsfiddle.net/NdPze/63/

    InformationsquelleAutor Mohammed Farooq