如何在dx-treeview中选择项目使用AngularJS

时间:2016-04-25 14:21:52

标签: angularjs treeview devextreme

我在 dx-tree-view 中尝试选择项目,我的treeview配置:

$scope.treeViewOptions = {
        bindingOptions: {
            dataSource: 'localArray',
            searchValue: "searchValue",
        },
        keyExpr: 'id',
        displayExpr: 'caption',
        parentIdExpr: 'parentId',
        dataStructure: 'plain',
        selectedExpr: 'isSelected',

         onItemClick: function (e) {...

我添加了 selectExpr:' isSelected' 选项,并尝试选择我的项目使用它:

  $scope.localArray[0].isSelected = true;
  $scope.localArray = $scope.localArray;

但它不起作用,可能有人有想法我怎么能这样做? 谢谢你的回答!

1 个答案:

答案 0 :(得分:1)

在DevExtreme v.15.2中,树视图选择仅适用于-v选项。

showCheckBoxesMode: 'normal'

样本为here

但是,如果要将自定义样式应用于具有$scope.treeViewOptions = { // tree view config... showCheckBoxesMode: 'normal' }; 字段的项目,则可以手动执行此操作。只需使用onItemRendered事件并检查项目是否已被选中:

isSelected

Sample