ExtJS 4: grille: comment sélectionner un nouveau record?

Voici ce que j'ai trouvé: ExtJS semble être perdu quand il n'y a pas de champ "id".
Ainsi, après un appel à sync() si vous n'avez pas précise un champ "id", il kindof ré-organiser la grille et ne peut pas trouver le "vieux" record " (celui que je me suis souvenu juste avant l'appel).
C'est juste ce que je pense, j'ai peut-être tort.

De toute façon, j'ai fait une rotation: pour rester "homogeneonous", je vais faire xxxCreate(), et xxxCreateValidate(), même pour xxxUpdate() et xxxUpdateValidate(). Je l'ai fait pour l'exemple: utilisateur => userCreate(), userCreateValidate(), userUpdate() et userUpdateValidate():

init: function () {
    this.control({
        /* (!) Actions in 'userlist' */
        'userlist': {
            itemdblclick: this.userEdit
        },  
        'userlist button[action=create]': {
            click: this.userCreate
        },  
        'userlist button[action=delete]': {
            click: this.userDelete
        },  
        /* (!) Actions in 'useredit' */
        'useredit button[action=create]': {
            click: this.userCreateValidate
        },  
        'useredit button[action=save]': {
            click: this.userEditValidate
        }   
    }); 
},  

userCreate: function(button) {
    /* Using Ext.create() to pass variable create:true
     * instead of the shortcut:
     * var view = Ext.widget('useredit');
     */
    var view = Ext.create('GS.view.user.Edit', {
        create:true
    }); 
},  

userCreateValidate: function(button) {
    var win    = button.up('window'),
        form   = win.down('form'),
        values = form.getValues();

    this.getUsersStore().add(values);
    this.getUsersStore().sync();
    win.close();
},  

userEdit: function(grid, record) {
    var view = Ext.widget('useredit');
    view.down('form').loadRecord(record);
},  

userEditValidate: function (button) {
    var win    = button.up('window'),
        form   = win.down('form'),
        record = form.getRecord(),
        values = form.getValues();

    record.set(values);
    win.close();
    this.getUsersStore().sync();
},

J'espère que mon code va aider quelqu'un... maintenant, je suis à la recherche d'un moyen de gérer les clés de la Grille. Et comme tout avec ExtJS: vous ne passez pas votre temps à coder, parce que tout est déjà fait, vous passez votre temps recherche... c'est plus frustrant en fait =)

De toute façon, la chose la plus importante à noter est que l'enregistrement nouvellement ajouté est pas sélectionné. C'est juste une solution pour continuer à se développer, mais ce n'est pas ce que je voulais (ce n'est pas exactement ce que je demande dans la question).

OriginalL'auteur Olivier Pons

Votre exemple fonctionne très bien quand grid.getSelectionModel().select(inst); est utilisé. Donc, la seule chose qui peut provoquer un tel comportement est store.sync(); lancer une exception. Découvrez la sortie de la console d'erreurs.

OriginalL'auteur Molecular Man

Je pense que le problème ici est que vous essayez de sélectionner l'enregistrement directement après l'appel de store.sync(); mais c'est en fait asynchrone demande que les mises à jour de magasin après il récupère les données à partir du serveur.

Essayez d'appeler grid.getSelectionModel().select après votre boutique est mise à jour à partir du serveur. Le problème avec cette approche est que store.sync ne prend pas en charge toute méthode de rappel, mais vous devriez être capable d'utiliser datachanged événements de votre magasin, qui devrait être congédié après le magasin de synchronisation est effectuée.

Essayer quelque chose comme cela (sur base de l'exemple de code que vous avez fournie):

userCreate: function(button) {
    var grid = button.up('panel'),
        store = grid.getStore();

    /* Create new empty record */
    var inst = store.add({})[0];

    store.on('datachanged', function() {
        /* select the newly created record, keep existing selection and
           don't suppress events because grid view is updating upon this event
        */
        grid.getSelectionModel().select(inst, true, false);
        Ext.create('GS.view.user.Edit', { create:true }); 
    });

    store.sync();
},

OriginalL'auteur sbgoran