2016-04-25 5 views
1

I Select im dx-treeview, meine treeview Config versucht:Wie Element auszuwählen in dx-treeview Verwendung AngularJS

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

     onItemClick: function (e) {... 

Ich habe selectExpr: 'isSelected' Option, und zu versuchen, wähle meinen Artikel benutze es:

aber es funktioniert nicht, kann jemand Ideen haben, wie kann ich es tun? Danke für Ihre Antworten!

+0

Was DevExtreme Version verwenden Sie? – Sergey

+0

Sergey, ich benutze eine DevExtreme.Web.15.2.5 –

Antwort

1

In DevExtreme v.15.2 Baumansicht Auswahl funktioniert nur mit der showCheckBoxesMode: 'normal' Option.

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

Die Probe ist here.

Aber, wenn Sie einen benutzerdefinierten Stil auf das Element mit dem isSelected Feld anwenden möchten, können Sie es manuell tun. Verwenden Sie einfach das onItemRendered Ereignis und überprüfen, ob Element ausgewählt ist:

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

Sample.

+0

oh, Vielen Dank für Ihre Hilfe! Es ist toll. –

+0

Sie sind willkommen! – Sergey

Verwandte Themen