ExtJS, store, HasMany - BelongsTo e aggiornamento processo: howto?

Question

Ho due modelli di dati: Writer.AttributValeur e Writer.Produit.

Writer.Produit ha HasMany/BelongsTo rapporto con Writer.AttributValeur.

Così la definizione è come questo:

Ext.define('Writer.AttributValeur', { 
    extend: 'Ext.data.Model', 
    fields: [{ 
      name: 'id', 
      type: 'int', 
      useNull: true 
     }, 
     'description', 
     'val' 
    ], 
    belongsTo: 'Writer.Produit' 
}); 

Ext.define('Writer.Produit', { 
    extend: 'Ext.data.Model', 
    fields: [{ 
      name: 'id', 
      type: 'int', 
      useNull: true 
     }, 
     'titre', 
     'description' 
    ], 
    hasMany: { 
     model: 'Writer.AttributValeur', 
     name: 'attributs' 
    } 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'Writer.Produit', 
    autoLoad: true, 
    autoSync: true, 
    proxy: { 
     type: 'ajax', 
     api: { 
      read: 'json/liste_view/', 
      create: 'json/item/?mode=create', 
      update: 'json/item/?mode=update', 
      destroy: 'json/item/?mode=destroy' 
     }, 
     reader: { 
      type: 'json', 
      successProperty: 'success', 
      root: 'data', 
      messageProperty: 'message' 
     }, 
     writer: { 
      type: 'json', 
      writeAllFields: true, 
      root: 'data' 
     } 
    } 
}); 

Ora, quando ho letto il file, chiedendo "Produits", non c'è una risposta AJAX che funziona perfettamente:

E in ogni "riga", ci sono molti Writer.AttributValeur (li ho alias come "attributi" vedi immagine):

Il problema è quando inserisco un Writer.AttributValeur in questo campo "attributs", in questo modo:

form.getRecord().attributs().add(newrecord); 

Funziona perfettamente, ma quando chiamo store.sync() non succede nulla. Così ho marchio da parte il record come dirty:

form.getRecord().attributs().add(newrecord); 
form.getRecord().setDirty(); 
form.getRecord().store.sync(); 

ora è inviato, ma il attributs non vengono inviati! Vedere:

Come farò a "aggiungere" questo nel processo di aggiornamento?

Answer 1

Ecco la roba di override:

Ext.data.writer.Json.override({ 
    {*/* 
    * This function overrides the default implementation of 
    * json writer. Any hasMany relationships will be submitted 
    * as nested objects 
    */*} 
    getRecordData: function(record) { 
     var me = this, i, association, childStore, data = {}; 
     data = me.callParent([record]); 

     /* Iterate over all the hasMany associations */ 
     for (i = 0; i < record.associations.length; i++) { 
      association = record.associations.get(i); 
      if (association.type == 'hasMany') { 
       data[association.name] = []; 
       childStore = eval('record.'+association.name+'()'); 

       //Iterate over all the children in the current association 
       childStore.each(function(childRecord) { 

        //Recursively get the record data for children (depth first) 
        var childData = this.getRecordData.call(this, childRecord); 
        if (childRecord.dirty | childRecord.phantom | (childData != null)){ 
         data[association.name].push(childData); 
         record.setDirty(); 
        } 
       }, me); 
      } 
     } 
     return data; 
    } 
}); 

Ed ecco un esempio di come la sto usando:

var store = Ext.create('Ext.data.Store', { 
    model: 'Writer.Produit', 
    autoLoad: true, 
    autoSync: true, 
    proxy: { 
     type: 'ajax', 
     api: { 
      read: 'json/liste_view/', 
      create: 'json/item/?mode=create', 
      update: 'json/item/?mode=update', 
      destroy: 'json/item/?mode=destroy' 
     }, 
     reader: { 
      type: 'json', 
      successProperty: 'success', 
      root: 'data', 
      messageProperty: 'message' 
     }, 
     writer: new Ext.data.writer.Json({ 
      type: 'json', 
      writeAllFields: true, 
      root: 'data' 
     }) 
    } 
}); 

E quando aggiungo un record annidato ecco come faccio questo con attributs che è un'associazione OneMany (vedi la mia domanda).E 'importante notare che ho impostato sporchi tutti annidati record in modo che io sono sicuro di essere inviati:

var rec = this.formDst.getRecord(), 
    atts = rec.attributs(); 
atts.add(sel); 
for (var i = 0; i <atts.data.items.length; i++) { 
    atts.data.items[i].setDirty(); 
}; 
rec.setDirty(); 
rec.store.sync(); 
this.close(); 

Answer 2

Dai documenti sencha: sembra che sia necessario chiamare la sincronizzazione su form.getRecord().attributs() e non sul record principale. Puoi provarlo?

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.HasManyAssociation

Answer 3

Questa funzione non è supportata in 4.0x e non è ancora sulla strada funzione per 4.1 per quanto ne so. Ci sono stati alcuni tentativi di risoluzione tuttavia, si veda questa discussione: http://www.sencha.com/forum/showthread.php?141957-Saving-objects-that-are-linked-hasMany-relation-with-a-single-Store

Anche un altro approccio interessante con forme: https://stackoverflow.com/a/9891694/834424 da Jamie Sutherland

Answer 4

Mi è piaciuta la soluzione più semplice così ho anche aggiunto belongsTo Supporto:

Ext.data.writer.Json.override({ 
getRecordData:function (record) { 

    var me = this, i, association, childStore, data = {}; 
    data = me.callParent([record]); 

    /* Iterate over all the hasMany associations */ 
    for (i = 0; i < record.associations.length; i++) { 

     association = record.associations.get(i); 
     if (association.type == 'hasMany') { 
      data[association.name] = []; 
      childStore = eval('record.' + association.name + '()'); 

      //Iterate over all the children in the current association 
      childStore.each(function (childRecord) { 

       //Recursively get the record data for children (depth first) 
       var childData = this.getRecordData.call(this, childRecord); 
       if (childRecord.dirty | childRecord.phantom | (childData != null)) { 
        data[association.name].push(childData); 
        record.setDirty(); 
       } 
      }, me); 
     } 

     if(association.type == 'belongsTo') { 

      // we need ucfirst 
      var method = 'get' + association.name.charAt(0).toUpperCase() + association.name.slice(1); 
      var childRecord = eval('record.' + method + '()'); 
      var childData = this.getRecordData.call(this, childRecord); 

      if (childRecord.dirty | childRecord.phantom | (childData != null)) { 
       data[association.name] = childData; 
       record.setDirty(); 
      } 

     } 

    } 
    return data; 
} 

});