ExtJS 4 TreePanel autoload

Ich habe eine Ext.tree.Panel was hat ein TreeStore. Dieser Baum ist in tab. Das problem ist, dass wenn meine Anwendung lädt alle Bäume verwendet, in die Anwendung laden Ihre Daten, auch wenn der Speicher auf autoLoad: false.

Wie könnte ich verhindern, dass autoloading auf dem Baum?

Ext.define('...', {
    extend: 'Ext.container.Container',
    alias: 'widget.listcontainer',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    items: [{
        xtype: 'container',
        html: "...",
        border: 0
    }, {
        xtype: '...',
        flex: 1,
        bodyPadding: 5,
        margin: '9 0 0 0'
    }]
});

Ext.define('...', {
    extend: 'Ext.data.TreeStore',
    model: '...',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'data'
        },
        api: {
            read: 'some url'
        }
    }
});

Ext.define('...', {
    extend: 'Ext.tree.Panel',
    alias: 'widget....',
    id: '...',
    title: '...',

    height: 400,
    collapsible: true,
    useArrows: true,
    rootVisible: false,
    multiSelect: true,
    singleExpand: true,
    autoScroll: true,
    store: '...',

    columns: [...]
});

P. S. ich habe herausgefunden, wenn ich rootVisible, um wahr auf dem Baum dieses problem nicht passiert, aber es zeigt dann zu root-Knoten(die ich auch nicht möchte).

Fügen Sie Ihren code bitte.
Und was Sie sehen wollen, in treepanel, wenn es nicht autoload und root ist nicht sichtbar? Ich denke, Sie müssen den code hinzufügen, wo Sie erstellen, speichern. Sie wollen AJAX belastbar Baum oder etwas anderes?
Naja ich werde es natürlich tun einem Baum.store.load (), wenn die Zeit kommt, aber ich will keine Last sein, für jeden Baum, den ich verwenden, wenn die Anwendung geladen wird.
Dennoch, fügen Sie code für Ihr Geschäft.

InformationsquelleAutor Stir Zoltán | 2011-07-27

  1. 1

    Wenn root unsichtbar ist AJAX Baum lädt automatisch die erste Ebene der Hierarchie (wie du schon bewiesen, indem Sie sich selbst).

    Ich denke, der beste Weg ist, um root-sichtbar oder erstellen Sie den Baum nach einigen Aktionen. Ich schrieb code, verhindern, dass AJAX Anforderung zum laden von Daten:

    var preventTreeLoad = true;

store.on('beforeexpand', function(node) {
    if (node == this.getRootNode() && preventTreeLoad) {
        Ext.Ajax.abort(this.proxy.activeRequest);
        delete this.proxy.activeRequest;
    }
}, store);

var b = Ext.create('Ext.Button', {
    text: 'Click me',
    renderTo: 'btn',
});

b.on('click', function() {
    preventTreeLoad = false;
    this.load();
}, store);

    Aber ich bin mir nicht empfohlen, die Verwendung dieses Ansatzes. Zum Beispiel, wenn javascript nicht so schnell - Ajax Anfrage senden (Antwort nicht Lesen, aber server operation ausführen).

    Ich fügte hinzu, in Datei schreiben in php-code, der gibt Struktur, und stellen Sie sicher, dass die Anfrage wurde nicht gesendet an alle. Aber dennoch, dieser Ansatz ist nicht gut.

    InformationsquelleAutor Xupypr MV

  2. 7

    Ich traf das gleiche problem, und zu vermeiden, dass eine implizite Anforderung, die ich angegeben root inline in der TreeStore-Konfiguration, wie:

    Ext.create('Ext.data.TreeStore', {
    model: '...',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'data'
    },
    api: {
        read : 'some url'
    }
    folderSort: true,
    rootVisible: false,
    root: {expanded: true, text: "", "data": []} //<- Inline root
});

    Nach einer expliziten .load die inline-root überschrieben.

    Ich verstehe nicht, warum wurde dies nach unten gestimmt. All die Lösungen hier ist man am flexibelsten und mit der geringsten Menge von hacking. Legen Sie eine leere erweitert root ohne Kinder zunächst, und dann laden Sie die speichern, Wann immer Sie wollen. Funktioniert sogar mit unsichtbaren Wurzel. Funktioniert Super! +1

    InformationsquelleAutor pablodcar

  3. 2

    Kannst du eine dummy-proxy im Ort bei der Definition von dem Baum, dann stellen Sie das real-proxy-wenn Sie möchten, beginnen Sie, den Baum/speichern. Zum Beispiel:

    var store = Ext.define('Ext.data.TreeStore', {
   ...
   //dummy proxy to avoid autoLoad on tree store construction
   proxy: {
      type: 'ajax',
      url: ''
   },
   ...
);

    Dann, wenn Sie es verwenden möchten, für die erste Zeit,

    store.setProxy({
   type: 'ajax',
   url: 'http://some/real/url',
   ...
});
store.load();

    InformationsquelleAutor cchow

  4. 2

    Kann man es lösen mit einer kleinen überschreiben:

    Ext.override(Ext.tree.View,  
{ 
    setRootNode: function(node)
    {
        var me = this;        
        me.store.setNode(node);
        me.node = node;
        if (!me.rootVisible && me.store.autoLoad)
        {
            node.expand();
        }
    }
});

    afterlayout Sie brauchen eine load () -

    InformationsquelleAutor harrydeluxe

  5. 0

    Einfachsten ist die Einstellung Store die root-Eigenschaft

    Ext.create('Ext.data.TreeStore', { 
    ....
    autoLoad:false,
    root: {        
      expanded: false
    }
});

    InformationsquelleAutor XenoN

  6. -1

    Versuchen mit children und autoLoad : false :

    root: {
    children : []
}

    InformationsquelleAutor user1093696

Schreibe einen Kommentar