ExtJs/Sencha: comment mettre en surbrillance une ligne de la grille après insertion?

Question

Je veux créer une telle grille: http://www.sencha.com/deploy/dev/examples/grid/edit-grid.html

En fait, je l'ai déjà fait, mais je tiens à souligner la dernière ligne insérée de ma grille (en ExtJS c'est le point culminant de la fonction(), qui fait un yellowfade sur la élément).

Je n'ai pas vraiment réussi à faire cela ... mon problème est que je ne peux pas obtenir la ligne que je viens d'insérer, et donc évidemment je ne peux pas le mettre en évidence. Des indices?

Merci à l'avance

Answer 1

Ext.data.store a un écouteur d'ajouter qui est passé un index dans lequel les enregistrements ont été insérés

add : (Store this, Ext.data.Record[] records, Number index)

Answer 2

Le code a

store.insert(0, p); 

Alors Ne mettez-vous pas juste la ligne zéro immédiatement après cette déclaration?

Answer 3

Il vous suffit de le faire (ici pour le numéro de la première rangée):

var row = grid.getView().getRow(0); 
Ext.get(row).highlight(); 

Il est facile.

Answer 4

oui désolé pour répondre trop tard, utilisation Ext.grid.RowSelectionModel et que l'utilisation de la fonction selectLastRow u peut facilement se être en mesure de pointer sur :)

Answer 5

Cela irait à l'intérieur de votre add/créer un événement de bouton . Le code this.getSelectionModel().select(0); mettra en évidence la première ligne puisque nous avons inséré dans la position 0, nous sélectionnons la position 0. Ce code fonctionne avec ExtJS 4.2.0.

var rec = Ext.create('App.model.GridModel', { 
     id: '123', 
     name: 'ABC' 
    }); 

    this.store.insert(0, rec); 
    this.getSelectionModel().select(0);