Wie kann ich das ändern des Stammknotens jeder treestore zur Laufzeit?

Wie kann ich das ändern des Stammknotens meiner treestore zur Laufzeit?

Folgende ist meine aktuelle Struktur speichern:

Ext.define('rt.store.userinproject', {
    extend: 'Ext.data.TreeStore',
    folderSort: true,
    sorters: [{
        property: 'text',
        direction: 'ASC'
    }],
    root: {
        expanded: true,
        text: "",
        user: "",
        status: "",
        children: [{
            text: "Project 1",
            pid: 1,
            expanded: true,
            children: [{
                text: "Department 1",
                did: 1,
                cls: "folder",
                children: [{
                    text: "User 1",
                    uid: 1,
                    leaf: true
                }, {
                    text: "User 2",
                    uid: 2,
                    leaf: true
                }, {
                    text: "User 3",
                    uid: 3,
                    leaf: true
                }, {
                    text: "User 4",
                    uid: 4,
                    leaf: true
                }, {
                    text: "User 5",
                    uid: 5,
                    leaf: true
                }]
            }, {
                text: "Department 2",
                did: 2,
                cls: "folder",
                children: [{
                    text: "User 6",
                    uid: 6,
                    leaf: true
                }, {
                    text: "User 7",
                    uid: 7,
                    leaf: true
                }, {
                    text: "User 8",
                    uid: 8,
                    leaf: true
                }, {
                    text: "User 9",
                    uid: 9,
                    leaf: true
                }, {
                    text: "User 10",
                    uid: 10,
                    leaf: true
                }]
            }, {
                text: "Department 3",
                did: 3,
                cls: "folder",
                children: [{
                    text: "User 11",
                    uid: 11,
                    leaf: true
                }, {
                    text: "User 12",
                    uid: 12,
                    leaf: true
                }, {
                    text: "User 13",
                    uid: 13,
                    leaf: true
                }, {
                    text: "User 14",
                    uid: 14,
                    leaf: true
                }, {
                    text: "User 15",
                    uid: 15,
                    leaf: true
                }]
            }]
        }, {
            text: "Project 2",
            pid: 2,
            expanded: true,
            children: [{
                text: "Department 1",
                did: 1,
                cls: "folder",
                children: [{
                    text: "User 1",
                    uid: 1,
                    leaf: true
                }, {
                    text: "User 2",
                    uid: 2,
                    leaf: true
                }, {
                    text: "User 3",
                    uid: 3,
                    leaf: true
                }, {
                    text: "User 4",
                    uid: 4,
                    leaf: true
                }, {
                    text: "User 5",
                    uid: 5,
                    leaf: true
                }]
            }, {
                text: "Department 2",
                did: 2,
                cls: "folder",
                children: [{
                    text: "User 16",
                    uid: 16,
                    leaf: true
                }, {
                    text: "User 17",
                    uid: 17,
                    leaf: true
                }, {
                    text: "User 18",
                    uid: 18,
                    leaf: true
                }, {
                    text: "User 19",
                    uid: 19,
                    leaf: true
                }, {
                    text: "User 20",
                    uid: 20,
                    leaf: true
                }]
            }, {
                text: "Department 3",
                did: 3,
                cls: "folder",
                children: [{
                    text: "User 21",
                    uid: 21,
                    leaf: true
                }, {
                    text: "User 22",
                    uid: 22,
                    leaf: true
                }, {
                    text: "User 23",
                    uid: 23,
                    leaf: true
                }, {
                    text: "User 24",
                    uid: 24,
                    leaf: true
                }, {
                    text: "User 25",
                    uid: 25,
                    leaf: true
                }]
            }]
        }]
    }
});

Derzeit bin ich in der Lage zu zeigen, den ganzen Baum von der Wurzel-Knoten in meiner treepanel.

Nun im store oben möchte ich "Projekt 1", wie meine root-Knoten, wenn Benutzer klicken Sie auf Projekt 1
und "Projekt 2", wie meine root-Knoten, wenn Benutzer klicken Sie auf Projekt 2.

Ist das möglich? Wenn ja, wie? Lassen Sie mich wissen, wenn du etwas brauchst von mir.

Was meinst du mit ändern Stammknotens? Möchten Sie einen text zu ändern oder alle Hierarchie?
Vielen Dank für die Antwort. Ich kann sagen, ich möchte zeigen nur einen Teil der Hierarchie. Ich weiß nicht, ob es möglich ist mit extjs. Ich habe bearbeitet Sie meine Frage. In meinem Shop oben möchte ich "Projekt 1" als Stammknotens, wenn Benutzer klicken Sie auf Projekt 1 und dasselbe gilt für Projekt 2. Ich hoffe, das klärt die Frage weiter

InformationsquelleAutor amar4kintu | 2011-06-02

3

1. Wenn Sie versuchen, zu ändern, einen Teil der vorhandenen root-zuerst mußt du halt den root-Knoten. Sie bekommen können, die Ihr root-Knoten mit getRootNode() erhältlich mit Ihrem TreeStore. Beispiel:
```
 var node = treeObject.getStore().getRootNode();
```
Nun, die Daten ändern, können Sie Gebrauch machen von data Eigenschaft. Zum Beispiel, wenn Sie müssen, ändern Sie den root node text können Sie:
```
node.data.text = 'New Root';   //You can access any other property of your node's data model the same way
```
2. Wenn Sie ersetzen die gesamte Knoten-Sie können Gebrauch machen von der setRootNode() zur Verfügung, die auch mit Ihrem TreeStore. Sie haben, um die entsprechenden Daten Modell verwendet für Ihre TreeStore.

Da Sie versuchen, ersetzen Sie Ihren Stamm, die Sie auf jeden Fall verwenden müssen setRootNode(). Hier ist ein Beispiel code einbauen der Wurzel:
```
//your tree click handler...
itemclick : function(view,rec,it,inx,ev) {

    var root = view.getTreeStore().getRootNode();
    var newRoot = root.getChildAt(inx).copy('xx',true);                 
    view.getTreeStore().setRootNode(newRoot);                   
}
```
Idealerweise sollte dieser code funktionieren. aber es ist ein kleiner bug in copy() verursacht zu brechen, dieser code. Eine temporäre Lösung ist (ich würde nicht empfehlen, ändern library-Dateien) verfügbar ist im forum (siehe obigen link).

Andere Weg wäre, um code Ihre eigenen copy code wie:
```
var root = view.getTreeStore().getRootNode();
var newRoot = root.getChildAt(inx);
view.getTreeStore().setRootNode(newRoot); 
//for each child in newRoot, create child for the newly assigned root.
```
- Olakara Dank für die Antwort. Ich bearbeitet meine Frage, um es klar weiter. Ich habe die Liste der Projekte und das, was ich will zu tun ist, zeigen, Baum, Wurzel = "Projekt 1", wenn der Benutzer klickt auf Projekt 1 und root = "Projekt 2" für klicken Sie auf Projekt 2 und so weiter.. Hoffe, das hilft.
- kann man es mit der zweiten Methode. Verwenden Sie die setRootNode() zu machen, 'Projekt2' als root-Knoten. aber meine Frage ist, wie kann Ihre Verwendung gehen Project1 danach?
- Olakara Dank für die Antwort. Derzeit bin ich mit border-layout, in dem auf der linken Seite, ich habe die Liste der Projekte und auf der rechten Seite habe ich das tabbed-panel und einer der tab-panel ist der Benutzer im Projekt. also, wenn Benutzer klickt auf Projekt auf der linken Seite möchte ich zeigen, Liste von Benutzern in das Projekt. Hoffe, das macht Sinn. Aus den oben genannten speichern glaubst du, es ist möglich, ändern Sie die Wurzeln auf was muss ich auf Benutzer klicken?
- haben Sie versucht, die zweite Methode oben erklärt? wenn du das getan hast, Sie wird wissen, dass es funktioniert oder nicht!
- Olakara Dank für die Antwort. Ja ich habe versucht die zweite Methode aber die Baum-Ansicht wird nicht aktualisiert, also es zeigt den leeren Baum. was ich getan habe, ist dieser -> usertree.getStore().setRootNode(usertree.getStore().getRootNode().getChildAt(0)); usertree.Blick.refresh(); Es scheint, dass dies das problem mit treepanel derzeit. Wenn Sie noch andere Ideen, dann lassen Sie es mich wissen. Danke.
- finden Sie die aktualisierte Antwort...
- Olakara Dank für die Antwort. Ich habe versucht, Ihre Lösung. Was passiert ist, ist store Stammknotens änderungen an neue Knoten, aber Baum-panel ist nicht erfrischend, es wird leer, sobald store root ändern Auftritt. Ich habe auch versucht usertree.Blick.refresh(); es ist aber nicht zu helfen. haben Sie eine Idee?
InformationsquelleAutor Abdel Raoof

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.