如何 select dx-treeview 中的项目使用 AngularJS

Question

我在 dx-tree-view 中尝试 Select 项，我的树视图配置：

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

         onItemClick: function (e) {...

我添加了 selectExpr:'isSelected' 选项，并尝试 select 我的项目使用它：

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

但它不起作用，可能有人知道我该怎么做？感谢您的回答！

Answer 1

在 DevExtreme v.15.2 中，树视图选择仅适用于 showCheckBoxesMode: 'normal' 选项。

$scope.treeViewOptions = {
    // tree view config...
    showCheckBoxesMode: 'normal'
};

样本为here。

但是，如果您想将自定义样式应用于带有 isSelected 字段的项目，您可以手动进行。只需使用 onItemRendered 事件并检查项目是否被选中：

onItemRendered: function(args){
    if(args.itemData.isSelected) {
      args.itemElement.css("color", "green");
    }
}

Sample.

如何 select dx-treeview 中的项目使用 AngularJS

How to select item in dx-treeview use AngularJS

treeview

angularjs

devextreme