Laden Extjs-grid aus einer XML-Zeichenfolge anstelle der Datei

Habe ich in der Lage zu bekommen, ExtJS grids zu erstellen, die von externen XML-Dateien. Ich in der Regel definieren, speichert Sie wie folgt vor:

var store = new Ext.data.Store({
    model: 'PersonModel',
    proxy: {
        type: 'ajax',
        url : 'MyXML.xml',
        reader: {
            type  : 'xml',
            record: 'Person'
        }
    }
});

Ich habe ein XML-fragment gespeichert in eines der Felder, so lasst uns einfach sagen, ich habe es in einer lokalen variable. Wie kann ich implementieren, die den laden zum Lesen aus einer variable/string und nicht aus einer Datei? Danke.

  • durch die variable/den string, den Sie bedeuten-Datenbank oder lokalen Speicher (array) ?
  • lokale JS-variable
  • Gefunden ein paar hilfreiche postings online. Das Problem ist, dass Sie alle scheinen, zu arbeiten, in v2/3 und der code funktioniert nicht in v4... sencha.com/forum/...
InformationsquelleAutor Stan C | 2011-06-21
  1. 4

    Ich es geschafft habe. Der trick war, definieren Sie eine Erinnerung geben Sie proxy und fahren Sie an einem geparsten xml-Objekt zu.

    var xmlstr =    "<personRecord>" +
                    "<Person>" +
                        "<firstName>Stan</firstName>" +
                        "<lastName>C</lastName>" +
                    "</Person>" +
                    "<Person>" +
                        "<firstName>Stanley</firstName>" +
                        "<lastName>D</lastName>" +
                    "</Person>" +
                "</personRecord>";


var doc;
if (window.ActiveXObject) {         //IE
    var doc = new ActiveXObject("Microsoft.XMLDOM");
    doc.async = "false";
    doc.loadXML(xmlstr);
} else {                             //Mozilla
    var doc = new DOMParser().parseFromString(xmlstr, "text/xml");
}


var memstore = new Ext.data.Store({
    autoLoad: true,
    model: 'Person',
    data : doc,
    proxy: {
        type: 'memory',
        reader: {
            type: 'xml',
            record: 'Person'
        }
    }
});
    InformationsquelleAutor Stan C
  2. 2

    Ich habe es zu arbeiten, wenn ich ließ die Daten: doc Deklaration innerhalb der proxy.
    proxy:
    {
    Daten: doc
    type: 'memory'
    etc etc

    EW

    InformationsquelleAutor Erlend Wiig
  3. 0

    //dies ist das Modell, das wir verwenden werden in der Filiale

    Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id',    type: 'int'},
        {name: 'name',  type: 'string'},
        {name: 'phone', type: 'string', mapping: 'phoneNumber'}
    ]
});

    //diese Daten nicht von line-up für unser Modell die Felder - das Feld "Telefon" wird aufgerufen, Telefonnummer

    var data = {
    users: [
        {
            id: 1,
            name: 'Ed Spencer',
            phoneNumber: '555 1234'
        },
        {
            id: 2,
            name: 'Abe Elias',
            phoneNumber: '666 1234'
        }
    ]
};

    //beachten Sie, wie setzen wir das "root" in das Lesegerät entsprechend der Datenstruktur, die oben

    var store = new Ext.data.Store({
    autoLoad: true,
    model: 'User',
    data : data,
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'users'
        }
    }
});

    Refrence:
    http://docs.sencha.com/ext-js/4-0/#/api/Ext.data.proxy.Memory

    • Danke, Es ist nah an, was ich Suche, aber das ist json, nicht xml. Es sieht wie MemoryProxy ist der Weg zu gehen, aber ich brauche, um eine Zeichenfolge übergeben, um es mit fragment einer XML-Datei.
    • ändern Sie einfach Ihre proxy-xml-reader, reader: { type: 'xml', root: 'Benutzer' }
    InformationsquelleAutor Dynamikus
  4. 0

    Ich denke, dass so etwas funktionieren könnte (zugegeben, ich habe es nicht ausprobiert):

    var data = "<user><name>Joe Bob</name></user>";
var store = new Ext.data.Store({
    model: 'PersonModel',
    data: data,
    proxy: {
        type: 'memory',
        reader: {
            type  : 'xml',
            record: 'Person'
        }
    }
});

    Können Sie auch hinzufügen möchten autoLoad: true in den store-Optionen, so dass Sie nicht haben, um Anruf store.load();

    Bearbeiten:
    Möglicherweise möchten Sie auch zu prüfen, die Daten zu verändern ein wenig, so dass es kann verwendet werden, indem die array-reader: http://docs.sencha.com/ext-js/4-0/#/api/Ext.data.reader.Array

    InformationsquelleAutor losinggeneration
  5. 0

    Können Sie laden, laden mit lokalen Variablen, die mit
    store.loadData(xmlVar);

    InformationsquelleAutor extjs-world.blogspot.com
Schreibe einen Kommentar