title: How do I generate a treeView based on remote data using Kendo UI TreeView?
body: <p>I have been reading ALL of the documentation on this and I still cannot get it to work.</p>
  
  <p>I have a Web API which provides a JSON object. It's a list of 22 things. Just 22 lines of text.</p>
  
  <p>I want to take these and form a TreeView. Each of these 22 strings will have items under them but I just want to get the first part working.</p>
  
  <p>My first question is, how do I extract data from an API and populate a treeView with it?</p>
  
  <p>On my main page, I have this:</p>
  
  <pre><code>&lt;div id="treeView"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>On my JavaScript file I have this:</p>
  
  <pre><code>$("#treeView").kendoTreeView({
      checkboxes: true,
      dataSource: {
          transport: {
              read: {
                  url: "http://...",
                  dataType: "json"
              }
          }
      }
  });
  </code></pre>
  
  <p>When I try to run the page, I get "Request failed." [Retry]</p>
  
  <p>If I open up a browser and go to this URL, data is returned fine as a JSON object.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p>EDIT - </p>
  
  <p>Code that is returning the JSON:</p>
  
  <pre><code>public List&lt;string&gt; getNotificationByUser(int id)
  {
        List&lt;string&gt; notificationTitles = new List&lt;string&gt;();
  
        foreach (var notification in notifications)
        {
            notificationTitles.Add(notification.ToString());
        }
        return notificationTitles;
  }
  </code></pre>