JSFiddle - React, Tailwind, and code Playground

by stevescotthome

HTML

<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.metro.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<input id="titles" type="text" />

<input id="otherbox" type="text" style="display:block; margin-top:50px" />
<span id="message"></span>
<hr />
<input id="set-focus-button" type="button" value="Set Focus to Combo" />

CSS

#message{
    color:red
}

JavaScript

$(document).ready(function() {
      $("#titles").kendoComboBox({
          index: 0,
          dataTextField: "AliasDesc",
          dataValueField: "NDB_No",
          filter: "contains",
          close: function(e){
              $("#message").text("ComboBox closed, now wheres my focus");
              setTimeout(function(){
                     $("#message").text("function hit");
                    $("#otherbox").focus();
                }, 1000);
          },
          dataSource: {
              type: "jsonp", //Specifies data protocol
                pageSize: 15, //Limits result set
                serverFiltering: true,
                serverPaging: true,
                schema: {
                    data: "d"
                },
                transport: {
                    read: {
                        url: "http://odata.gourmetsleuth.com/USDA.svc/FoodSearch?$format=json&$callback=callback",
                        dataType: 'jsonp',
                        cache: false,
                        jsonp: false,
                        jsonpCallback: 'callback'
                    },
                    parameterMap: function () {
                        return {
                            searchterm: "'bread'",
                            take: 10
                        };
                    }
                }
          },
      });
    
    $("#set-focus-button").click(function(){
        $("#titles").focus();
    });
  });