2016-04-25 7 views
1

пытаюсь Выберите элемент в DX-TreeView, мой TreeView конфигурации:Как выбрать элемент в йх-TreeView AngularJS использования

$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; 

но это не работает, может быть, у кого-то есть идеи, как я могу это сделать? Спасибо за ваши ответы!

+0

Какую версию DevExtreme вы используете? – Sergey

+0

Сергей, я использую DevExtreme.Web.15.2.5 –

ответ

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.

+0

О, спасибо вам большое за вашу помощь! это потрясающе. –

+0

Добро пожаловать! – Sergey