Comment Re-sélectionnant la ligne après la store.load()

J'ai panneau grille et d'un bouton.
quand je clique sur le bouton, il va transférer des données via ajax et après finition grille de recharger.

J'ai essayer de ré-ligne sélectionnée (ici je donne u exemple est la première rangée), mais de toute façon ça ne fonctionne pas

Ext.Ajax.request({
    url: ...,
    params: {
        v: ...                  
    },
    success: function(response){
        grid.store.load();                                            
        grid.getSelectionModel().select(0, true); //example first row

    }
})

Voir aussi stackoverflow.com/q/9111084/539048

OriginalL'auteur freestyle | 2013-06-10

essayez de sélectionner la ligne dans le rappel

grid.store.load({
  scope:this,
  callback:function(records, operation, success){
     grid.getSelectionModel().select(0, true); 
  }
});

grid.store.load(function(records, operation, success){
  grid.getSelectionModel().select(0, true); 
});

merci u, il fonctionne bien

OriginalL'auteur MMT

Vous pouvez faire de votre ligne de sélections de survivre à travers le magasin de recharge en appliquant les remplacements:

Ext.override(Ext.view.View, {
preserveSelectionOnRefresh: true,
constructor: function() {
this.callOverridden(arguments);
if (this.preserveSelectionOnRefresh) {
this.mon(this.getStore(), {
beforeload: this.beforeStoreLoadPreserveSelectionRoutine,
scope: this
});
}
},
beforeStoreLoadPreserveSelectionRoutine: function() {
var sm = this.getSelectionModel(),
selection = sm.getSelection(),
i = 0,
l = selection.length,
savedSelection = [];
delete sm.savedSelection;
for (; i < l; i++) {
savedSelection.push(selection[i].getId());
}
if (savedSelection.length) {
sm.savedSelection = savedSelection;
}
}
});
Ext.override(Ext.selection.Model, {
refresh: function() {
//include selections saved across store reloads        
if (this.savedSelection && this.savedSelection.length) {
var rs = [],
r,
j = 0,
l = this.savedSelection.length;
for (; j < l; j++) {
r = this.store.getById(this.savedSelection[j]);
if (r) {
rs.push(r);
}
}
if (rs.length) {
this.select(rs, false, true);
}
}
this.callOverridden();
delete this.savedSelection;
}
});

Ce qu'ils font est tout simplement sauver ce qui était sélectionnée avant de recharger le magasin et s'assurer que ces enregistrements sont sélectionnés de nouveau après l'affichage est actualisé. Testé sur Ext JS 4.1.2.

En fait en Ext4, il était possible de le faire simplement var savedRecords = selModel.getSelection() et puis il suffit d'utiliser selModel.select(savedRecords)... Mais depuis Ext 5 ou 6, vous devez ré-obtenir tous les enregistrements de store (comme ci-dessus override) avant de les sélectionner. Si votre solution est plus compatible.

OriginalL'auteur Greendrake

2

... et si vous êtes en utilisant un tampon de stocker et de Ext JS 4.2+, vous pouvez utiliser la fonction scrollTo, qui permet de sélectionner ET de faire défiler la vue de votre choix:
```
grid.store.load(function(records, operation, success){
grid.view.bufferedRenderer.scrollTo(0, true);
});
```
merci en u, en I à l'aide de 4.1+ :). comment puis-je faire votre moyenne de 4.1+?
le 4.2 scrollTo prend la responsabilité de chargement des pages si elles ne sont pas dans le PageMap de la boutique. Je pense qu'il n'y a pas une telle caractéristique en 4.1, donc vous aurez à charger les pages de votre propre.

OriginalL'auteur Christoph
2

sélectionnez la ligne après le chargement du magasin par l'ajout d'un rappel:
```
grid.store.load(function(records, operation, success) {
grid.getView().select(0);
});
```
OriginalL'auteur wens
2

de la grille.magasin.charge ==> grille.magasin.sur

http://bit.ly/1iBwb2i

OriginalL'auteur freegians Gwon
0

Sur la réponse, peut-être vous pouvez utiliser un champ, afin de les différencier :

Sencha 4.0.7: magasin de finde
```
store.find(fieldName, value);
```
Une autre façon, mais je pense que ce n'est pas le travail après le chargement du magasin, il est l'utilisation:

Sencha: getLastSelected
```
grid.getSelectionModel().getLastSelected()
```
merci u, mais il ne fonctionne pas pour moi. @TEM réponse 🙂

OriginalL'auteur mfruizs2
0

Ici est un plugin prend en charge pour vous:

https://github.com/roberto-rodriguez/ExtJs_GridMultipageSelectionPlugin

Le plugin reste de la sélection dans les pages de la pagination de la grille. Comprend également une fonction nommée: getSelection() à la grille, qui renvoie un tableau contenant les id des lignes sélectionnées.

Le plugin suppose qu'il existe une colonne avec dataIndex: 'id'

OriginalL'auteur Roberto Rodriguez

Dans le cas où vous souhaitez sélectionner tout ce qui a été sélectionné en dernier (et pas seulement la première ligne, comme indiqué dans l'acceptation de réponse) c'est le plus simple je pense:

grid.store.load(function() {
var view = grid.getView(),
selModel = grid.getSelectionModel(),
lastSelected = selModel.getLastSelected();
view.select(lastSelected);
});

ou, mieux, un écouteur pour le chargement effectué par la banque dans l'avenir:

grid.store.on('load', function() {
var view = grid.getView(),
selModel = grid.getSelectionModel(),
lastSelected = selModel.getLastSelected();
view.select(lastSelected);
});
grid.store.load();

OriginalL'auteur Geronimo

Vous devez vous connecter pour publier un commentaire.