Tree new loading

[Henni]

Hello,

I load a Tree from a Json File.
Then I checked a Node starts a listener Function "checkchange". I want to change the cls attribut from the node in this function (change the color for example). Then the tree show automatically the new Color from the Node. I tried a lot but the tree show not the changes.

Can someone help me. Thanks.

Code from the MVC "View"

1. Ext.define('RTD.view.tree.ObjectSelection',
2. {
3. extend: 'Ext.tree.Panel',
4. alias : 'widget.ObjectSelection',
5. store: 'DistrictObjectTypeTree',
6. rootVisible: true,
7. useArrows: true,
8. frame: true,
9. listeners:
10. {
11. 'checkchange': function(node, checked)
12. {
13. this.tree= Ext.widget('ObjectSelection');
14. var n = node;
15. n.data.cls = 'newClass';
16. alert(n.data.cls);
17. this.tree.getLoader().load();
18. this.tree.doLayout();
19. this.tree.load();

tree.jpg

[fbchen]

The tree node adds a default class 'x-tree-checked' upon the tree node is checked, so just define your css style. Try this:
.x-tree-checked {
text-decoration: line-through;
color: red;
}