EXTJS: Grille de l'éditeur - insertion d'une ligne avec différents attributs

Question

J'ai une grille d'éditeur, ce que je veux faire je crée une ligne dans la grille de l'éditeur que l'utilisateur doit ajouter de nouvelles informations sur la grille avec des informations vierges. Ce que je veux si, après avoir inséré cette ligne dans l'éditeur, appliquer un style/id/etc différent à celui-ci. 1- Comment est-ce que je fais ça en premier?

2- comment puis-je faire en sorte que la NOUVELLE LIGNE pour l'insertion soit toujours la dernière vue, même après avoir fait défiler vers une autre page de cette grille?

Answer 1

Voici le code pour l'attribution d'une classe personnalisée à vos nouveaux enregistrements, et pour insérer les nouveaux enregistrements à la fin:

var grid = new Ext.grid.EditorGridPanel({ 
    store: store, 
    cm: cm, 
    viewConfig: { 
     getRowClass : function(record, rowIndex, p, store){ 
      if(record.data.isNew){ 
       return 'x-tab-panel-header'; 
      } 
     } 
    }, 
    tbar: [{ 
     text: 'Add New', 
     handler: function() { 
      var Rec = grid.getStore().recordType; 
      var p = new Rec({ 
       col1: 'value1', 
       col2: 1.01 
      }); 
      grid.stopEditing(); 
      var newRow = store.getCount(); 
      p.data.isNew = true; 
      store.insert(newRow, p); 
      grid.startEditing(newRow, 0); 
     }}] 
}); 

Vous pouvez tester cet exemple ici: http://jsfiddle.net/xjkB5/