input kendoui

by VadimMalkov

HTML

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.silver.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>
<div id='form'>
  <div data-role='treemap' 
	data-bind='source:src' 
	data-value-field="ReportsTo"
	 data-text-field="FullName"></div>
	 
	 <button data-bind='click:btn'>
	 refresh
	 </button>
</div>

JavaScript

var serviceRoot = "https://demos.telerik.com/kendo-ui/service";
var homogeneous = new kendo.data.HierarchicalDataSource({
  transport: {
    read: {
      url: serviceRoot + "/Employees",
      dataType: "jsonp"
    }
  },
  schema: {
    model: {
      id: "EmployeeId",
      hasChildren: "HasEmployees"
    }
  }
});

var model = kendo.observable({
  src: homogeneous,
  btn:function(){ homogeneous.read()}
});

kendo.bind($("#form"), model);