ExtJS 4 - Comment conditionnellement modifier une cellule dans la grille?

J'ai une grille de panneau à l'aide de l'édition de cellules plugin.

Dans ce panneau grille, je veux conditionnelle de montage sur une cellule dans la manière suivante:

Lorsqu'un utilisateur clique sur la cellule à modifier, il convient de confirmer la boîte de dialogue ci - "voulez-vous modifier la cellule?" - s'il choisit "Oui", alors la cellule est concentré et de l'édition commence sinon, la cellule reste désactivé.

J'ai essayé d'utiliser 'beforeedit de l'événement, mais l'utilisateur peut modifier les valeurs à l'aide des touches fléchées (comme l'éditeur est un champnombre) même lorsque la fenêtre de confirmation est affiché, c'est bien le clic de souris est désactivé, mais les touches fléchées pouvez toujours modifier la valeur du champ.

Aussi, lorsque l'utilisateur choisit "Oui", alors la cellule perd le focus et je suis de ne pas être en mesure de le faire commencer à modifier la droite après le " Oui " cliquez sur. J'ai essayé d'utiliser "focus" de la méthode, mais pas de chance.

Peut-guide-t-il?

Merci d'avance.

Plus D'Informations:

J'ai essayé d'utiliser - startEditByPosition() - fonction de la cellule d'édition de plug-in lorsque l'utilisateur choisit "Oui". Mais alors, pour cette raison, la boîte de confirmation ne cesse d'apparaître en arrière, comme sur le choix de " Oui " commencer l'édition qui en appelle à la beforeedit événement. Toute aide?

OriginalL'auteur netemp | 2011-09-16

  1. 16

    Vous pouvez créer des variable d'indicateur comme isEditAllowed. Vérifier dans beforeedit. Si elle est fausse montrer confirm d'autre ne rien faire. Si l'utilisateur confirme ensemble isEditAllowed à true et startEditByPosition. Dans edit événement isEditAllowed à false:

            plugins: [
          Ext.create('Ext.grid.plugin.CellEditing', {
              clicksToEdit: 1,
            listeners: {
              'beforeedit': function(e) {
                var me = this;
                var allowed = !!me.isEditAllowed;
                if (!me.isEditAllowed)
                  Ext.Msg.confirm('confirm', 'Are you sure you want edit?', function(btn){
                    if (btn !== 'yes')
                      return;
                    me.isEditAllowed = true;
                    me.startEditByPosition({row: e.rowIdx, column: e.colIdx});
                  });
                return allowed;
              },
              'edit': function(e) {
                this.isEditAllowed = false;
              }
            }
          })
      ],

    Voici la démo.

    Excellente Solution Moléculaire De L'Homme. Merci pour le partage.
    la démo ne fonctionne pas.
    beaucoup de choses ont changé depuis 2011. Des liens vers d'extjs fichiers de ressources ont changé 🙂 Fixe la démo. Merci
    docs.sencha.com/extjs/4.0.7/#!/api/Ext.de la grille.plugin.CellEditing

    OriginalL'auteur Molecular Man