JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="home" data-role="view" data-model="selectViewModel" data-init="onInit">
<select data-bind="value:model.product, source:products" data-text-field="name" data-value-field="name" ></select>
Products
</div>
JavaScript
var app = new kendo.mobile.Application();
var selectViewModel = kendo.observable({
products: [],
model: {
product: { "name": "Product 1", "owner": "Test" }
}
});
function onInit() {
$.ajax({
url: "/echo/json/",
dataType: "json",
type: "POST",
data: { //using jsFiddle's echo service to simulate Json request
json: JSON.stringify([
{ "name": "Product 1", "owner": "Test" },
{ "name": "Product 2", "owner": "Test" }
])
},
success: function (response) {
selectViewModel.set("products", response);
}
})
}