ExtJS 4: magasins de clonage

Je suis à essayer de comprendre comment cloner un Ext.data.Store sans garder l'ancienne référence.

Laissez-moi vous expliquer mieux avec un peu de code. Voici les magasin source:

var source = Ext.create ('Ext.data.Store', {
    fields: ['name', 'age'] ,
    data: [
        {name: 'foo', age: 20} ,
        {name: 'boo', age: 30} ,
        {name: 'too', age: 10} ,
        {name: 'yoo', age: 80} ,
        {name: 'zoo', age: 30}
    ]
});

Suit un exemple de ce que je veux faire:

var target = source;
target.removeAll ();
//Here I need to have target empty and source unchanged
//But in this case, source is empty as well

Maintenant, dans l'exemple ci-dessus, la copie est effectuée par référence alors que j'ai besoin de le faire en valeur.
J'ai donc trouvé Ext.clone () dans les docs mais il semble que cela ne fonctionne pas pour objet complexe, comme Ext.data.Store:

var target = Ext.clone (source);
target.removeAll ();
//source is still empty

Puis j'ai essayé avec Ext.data.Model.copy () mais la seule façon de le faire est ceci:

var target = Ext.create ('Ext.data.Store', {
    fields: ['name', 'age']
});

source.each (function (model) {
    target.add (model.copy ());
});

Maintenant, pour mes raisons, je ne veux pas instancier un autre Ext.data.Storedonc je veux éviter cela:

var target = Ext.create ('Ext.data.Store', {
    fields: ['name', 'age']
});

J'aimerais avoir quelque chose comme ceci:

var target;

source.each (function (model) {
    target.add (model.copy ());
});

Mais, évidemment, cela ne fonctionne pas.

Alors, comment puis-je cloner la source de magasin?

source d'informationauteur Wilk | 2012-09-27

  1. 10

    ExtJS 3.x solution

    Essayez ceci: 

    cloneStore : function(originStore, newStore) {

    if (!newStore) {
        newStore = Ext.create('Ext.data.Store', {
            model : originStore.model
        });
    } else {
        newStore.removeAll(true);
    }

    var records = [], originRecords = originStore.getRange(), i, newRecordData;
    for (i = 0; i < originRecords.length; i++) {
        newRecordData = Ext.ux.clone(originRecords[i].copy().data);
        newStore.add(new newStore.model(newRecordData, newRecordData.id));
    }

    newStore.fireEvent('load', newStore);

    return newStore;
}

    Remarque: Ext.ux.clone est séparé plugin (vous le trouverez) qui en fait un profonde clone d'un objet. Peut-être, Ext JS 4 fournit un familier de la chose, je ne sais pas.. je suis en utilisant ce spécial clone depuis Ext JS 3.x

    Il est possible qu'il est nécessaire de spécifier le proxy memorylors de la création d'un nouveau magasin (je ne suis pas sûr de ce moment parce que je suis toujours à l'aide de la "condition".

    ExtJS 4.x solution

    function deepCloneStore (source) {
    var target = Ext.create ('Ext.data.Store', {
        model: source.model
    });

    Ext.each (source.getRange (), function (record) {
        var newRecordData = Ext.clone (record.copy().data);
        var model = new source.model (newRecordData, newRecordData.id);

        target.add (model);
    });

    return target;
}
  2. 8

    ExtJS 6.x, 5.x et 4.x solution

    Voici une quasi-tous les ExtJS versions de la solution. L'esprit que vous enregistrez.copie déjà crée un clone de données. Pas besoin de Ext.clone de nouveau.

    function deepCloneStore (source) {
    source = Ext.isString(source) ? Ext.data.StoreManager.lookup(source) : source;

    var target = Ext.create(source.$className, {
        model: source.model,
    });

    target.add(Ext.Array.map(source.getRange(), function (record) {
        return record.copy();
    }));

    return target;
}
  3. 0

    Je n'ai la suite avec succès dans Ext.js 4.1:

    var source = Ext.create('Ext.data.Store', {
    fields: ['name', 'age'],
    data: [
        {name: 'foo', age: 20},
        {name: 'boo', age: 30}
    ]
});

var target = Ext.create('Ext.data.Store', {
    fields: ['name', 'age']
});

//clone source store
target.loadData(source.data.items);