Come aggiungere righe vuote alla griglia ExtJS?

Question

Ho la griglia con paging. Ogni pagina ha un massimo di 10 righe. In questo modo:

Ho impostato lo sfondo sfumato per il selettore .x-grid3-scroller in CSS. Tutto va bene, mentre ci sono 10 elementi nel DirectStore. Ma se ci sono meno elementi di 10 ho quel problema:

Se lo sfondo a strisce impostato per .x-grid3-scroller non ci saranno bordi nelle colonne.

Come aggiungere righe vuote alla griglia per adattare la griglia al fondo?

Answer 1

Dopo negozio è carico (uso load ascoltatore) verificare quanti record ci sono (getCount() metodo) e aggiungere (add() metodo) 10 - store.getCount() record vuoti.

store.on('load', function(store) { 
    var records = new Array(); 
    for(var i = 10 - store.getCount(); i > 0; i--) { 
    records.push(new store.recordType(/*you might need to provide default data here*/)) 
    } 
    store.add(records); 
});