JSFiddle - React, Tailwind, and code Playground

by valchev

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="viewModel" data-init="onInit">
    <ul id="list" data-role="listview" >
        <li>
            <select data-bind="source:products" data-text-field="name" data-value-field="owner"></select>
            Products with array
        </li>
    </ul>
</div>

JavaScript

var viewModel = kendo.observable({
  products: []
});

var app = new kendo.mobile.Application();

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) {
        viewModel.set("products", response);
      }
  });
}