title: Binding Ojet Tree view with JSON data
body: <p>I am trying to bind the JSON data to the tree view. My html code for tree view is as follows</p>
  
  <pre><code> &lt;oj-tree-view id="treeview"
                                    data=treeDataSource
                                    item.renderer=oj.KnockoutTemplateUtils.getRenderer('item_template', true)
                                    selection-mode="multiple"
                                    aria-label="Tree View"&gt;
  
  
                      &lt;/oj-tree-view&gt;
  
                      &lt;script type="text/html" id="item_template"&gt;
  
                          &lt;li&gt;
                            &lt;span class="oj-treeview-item-icon"&gt;&lt;/span&gt;&lt;span class="oj-treeview-item-text" data-bind="text: id"&gt;&lt;/span&gt;
  
                          &lt;/li&gt;
                      &lt;/script&gt;
  </code></pre>
  
  <p>I am getting the JSON data using restUrl and assinging it to ko.observablearray "folderData" as shown below in my treeview.js. </p>
  
  <pre><code>  $.getJSON(restUrl, function (data) {
                          self.folderData(data);
  
                      });
   self.treeDataSource =new oj.JsonTreeDataSource(self.folderData());
  </code></pre>
  
  <p>The tree view is not getting generated and it seems to be problem with item.renderer. 
  I am getting the following error
  <a href="https://i.stack.imgur.com/zSfrH.png" rel="nofollow noreferrer">item_renderer error image</a>
  Please help me in solving this issue</p>