将Ojet Tree视图与JSON数据绑定

时间:2018-07-18 07:51:54

标签: oracle-jet

我正在尝试将JSON数据绑定到树视图。我的树状视图html代码如下

 <oj-tree-view id="treeview"
                                  data=treeDataSource
                                  item.renderer=oj.KnockoutTemplateUtils.getRenderer('item_template', true)
                                  selection-mode="multiple"
                                  aria-label="Tree View">


                    </oj-tree-view>

                    <script type="text/html" id="item_template">

                        <li>
                          <span class="oj-treeview-item-icon"></span><span class="oj-treeview-item-text" data-bind="text: id"></span>

                        </li>
                    </script>

我正在使用restUrl获取JSON数据,并将其分配给ko.observablearray“ folderData”,如下面的treeview.js所示。

  $.getJSON(restUrl, function (data) {
                        self.folderData(data);

                    });
 self.treeDataSource =new oj.JsonTreeDataSource(self.folderData());

树视图未生成,似乎是item.renderer的问题。 我收到以下错误 item_renderer error image 请帮助我解决这个问题

1 个答案:

答案 0 :(得分:0)

您使用以下解决方案进行检查

 <oj-tree-view id="treeview" 
                      data="[[treeDataSource]]" 
                      item.renderer="[[oj.KnockoutTemplateUtils.getRenderer('item_template', true)]]" 
                      selection-mode="multiple" 
                      aria-label="Tree View with JSON Data">
</oj-tree-view>

请参阅此document