如何在AngularJS

Question

Helloo，我如何使用dx-tree-view，我在 Home.html 页面中写下了下一个HTML代码：

<div dx-tree-view="treeViewOptions"></div>

和我的 HomeController.js ：

 $scope.treeViewOptions = {
        bindingOptions: {
            dataSource: 'myPhoneItems'
        },
        keyExpr: 'id',
        displayExpr: 'caption',
        parentIdExpr: 'parentId',
        virtualModeEnabled: true
    }

我的应用程序创建新类别和创建新手机按钮， 在创建新手机时，创建新的手机 - 格式包含类别的选择框，我将数据保存到对象数组中，并且＆＃39;看起来很喜欢这个：

当我在页面中添加一些手机时： 当我将 dataStructure：＆＃34; plain＆＃34; 行添加到 $ scope.treeViewOptions = {...} 时 - 什么都不显示。 可能有人知道如何正确地做出来吗？谢谢你的回答！

Answer 1

看起来你没有指定根项：

  

如果dataStructure选项设置为＆＃39; plain＆＃39;，则窗口小部件要求您指定至少一个根项目。如果项的parentId字段包含0或null，则该项用作根项。

同样见article。

但在您的示例中，我无法看到parentId = 0或null的任何项目。无论如何，您可以使用任何parentId来指定根级别。只需使用rootValue选项：

$scope.treeViewOptions = {
    //...
    rootValue: 1
};

我已创建the small sample，以显示其实际效果。

希望它有所帮助！