JSFiddle - React, Tailwind, and code Playground

by rusev

HTML

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

JavaScript

new kendo.data.DataSource({
    transport: {
        read: {
            type: "json",           
            url: "http://api.bing.net/json.aspx",
            dataType: "jsonp",
            cache: true, // to prevent jQuery from adding cache buster
            dataType: "jsonp",
            jsonpCallback: "UserCallback", //required by jQuery
            jsonp: false,
            data: {
                AppId: "793F99E3EFD07B2D544A3A417D328A965359A851",
                Market: "en-US",
                Query: "testign",
                Sources: "web+spell",
                JsonType: "callback",
                JsonCallback: "UserCallback"
            }//data
        }//read
     }, //transport
     schema: {
         data: "SearchResponse"
     },
     change: function() {
         console.log(this.view());
         //alert(this.view());
     }
 }).read();