JSFiddle - React, Tailwind, and code Playground

by sergiu079

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.web.min.js"></script>
<input id="name" type="text" />
<input id="products" type="text" />
<ul id="console"></ul>

CSS

ul {
    height: 100px;
    overflow: auto;
}
input {
    display: block;
    width: 300px;
}

JavaScript

$("#products").kendoDropDownList({
        text: 'Please, select ...',
        width: 300,
        autoBind: false,
        dataTextField: "ProductName",
        dataValueField: "ProductID",
        select: function(){
            $('#console').append('<li>select</li>');
        },
        change: function(){
            $('#console').append('<li>change</li>');
        },    
        dataSource: {
            transport: {
                read: {
                  dataType: "jsonp",
                  url: "http://demos.kendoui.com/service/Products",
                }
            }
         }
 });