title: Kendo Tree View display no records on getting json result from controller
body: <p>I am working on kendo TreeView control and trying to display tree structure in the grid. I am getting the json data from controller Action Method but control always display an error message "No records to display"
  Could any one please help me to identify my mistake.</p>
  
  <p>Below is my javascript code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.common-material.min.css" /&gt;
  &lt;link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.material.min.css" /&gt;
  &lt;link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.material.mobile.min.css" /&gt;
  
  &lt;script src="https://kendo.cdn.telerik.com/2017.3.913/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://kendo.cdn.telerik.com/2017.3.913/js/kendo.all.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
          var modelId = $("#hdnModelId").val();
          var dataSource = new kendo.data.TreeListDataSource({
              transport: {
                  read: {
                      url: "/EntityData/GetEntities",
                      dataType: "json",
                      data: { modelId: modelId }
                  }
              },
              schema: {
                  model: {
                      id: "EntityId",
                      parentId: "ParentEntityId",
                      fields:
                          {
                              Name: { field: "Name", type: "string" },
                              EntityId: { type: "number", editable: false, nullable: false },
                              ParentEntityId: { field: "ParentEntityId", nullable: true}
                          },
                  }
              }
          });
          
          $("#treelist").kendoTreeList({
              dataSource: dataSource,
              columns: [{ field: "Name" }]
          });       
      });
  
      
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>.</p>
  
  <p>Below is my Action Method.</p>
  
  <pre><code>    [HttpGet]
      public ActionResult GetEntities(int modelId)
      {            
          var entities = metaDataService.GetEntitiesByModelId(modelId).ToList();
          return Json(new { Data = entities }, JsonRequestBehavior.AllowGet);
      }
  </code></pre>
  
  <p>Below is the Json data which I am getting from my Action Method.</p>
  
  <pre><code>{"Data":[{"EntityId":1,"ApplicationId":2,"Name":"Car","Description":"This entity describes a car.!","IsPublished":true,"IsDeleted":false,"ParentEntityId":null,"HasChildren":false},{"EntityId":20,"ApplicationId":2,"Name":"Test 567","Description":"Test 567!","IsPublished":true,"IsDeleted":false,"ParentEntityId":null,"HasChildren":false},{"EntityId":21,"ApplicationId":2,"Name":"Test Tst Entity","Description":"Test Tst Entity1234","IsPublished":true,"IsDeleted":false,"ParentEntityId":1,"HasChildren":true},{"EntityId":23,"ApplicationId":2,"Name":"Test New Entity","Description":"Test New Entity","IsPublished":true,"IsDeleted":false,"ParentEntityId":null,"HasChildren":false},{"EntityId":46,"ApplicationId":2,"Name":"Kendo Entity Test","Description":"Kendo Entity Test","IsPublished":true,"IsDeleted":false,"ParentEntityId":null,"HasChildren":false},{"EntityId":63,"ApplicationId":2,"Name":"Test new Entity","Description":"Test New Entity","IsPublished":true,"IsDeleted":false,"ParentEntityId":20,"HasChildren":true}]}
  </code></pre>
  
  <p>Any help is highly appreciated</p>
  
  <p>Thanks in advance</p>