Extjs définir en lecture seule pour tous les champs de formulaire à la volée

Je suis d'essayer d'écrire la méthode qui a fixé propriété en lecture seule pour tous les champs du formulaire.

Mon code: 

Ext.override(Ext.form.Panel,{

setReadOnlyForAll: function(bReadOnly) {

    this.cascade(function(f) {
      if (f.isFormField) {
         f.setReadOnly(bReadOnly);
      }
    });
});

Appeler cette méthode de Poste.forme.Panneau:

this.setReadOnlyForAll(false);

Mais cette méthode fonctionne très lentement.Quelqu'un a une idée de comment augmenter la vitesse? Merci!!!!

InformationsquelleAutor vedmed | 2012-10-15
  1. 6

    cascade vérifie chaque enfant du conteneur actuel (comme un Ext.form.Panel) et cela signifie que vous avez à vérifier si l'enfant est un champ de formulaire ou pas.
    Ainsi, l'utilisation de Ext.form.Basic.getFields méthode pour obtenir tous les champs de formulaire:

    Ext.define ('Your_form_Panel', {
  extend: 'Ext.form.Panel' ,
  setReadOnlyForAll: function (bReadOnly) {
    this.getForm().getFields().each (function (field) {
      field.setReadOnly (bReadOnly);
    });
  }
});

    De plus, je vous suggère d'utiliser Ext.define au lieu de Ext.override.

    InformationsquelleAutor Wilk
  2. 5

    Je ressentais encore un 9 secondes de retard pour définir ~90 champs en lecture seule sur un formulaire (avec des formulaires imbriqués) avec Wilk la suggestion (à l'aide de ExtJS 4.1.1 a).

    Pour améliorer le présent et de réduire de 9 secondes < 1 seconde, j'ai ajouté des appels à l'Ext.suspendLayouts() et Ext.resumeLayouts() globals autoriser le cadre de lot le composant mises en page.

    Ext.define('My.Panel', {
  extend: 'Ext.form.Panel',

  setReadOnlyForAll: function(readOnly) {
    Ext.suspendLayouts();
    this.getForm().getFields().each(function(field) {
      field.setReadOnly(readOnly);
    });
    Ext.resumeLayouts();
  }
});
    • À mon humble avis c'est la bonne réponse. De mise en page, à plusieurs reprises, goulot d'étranglement majeur au cours de cette opération...
    InformationsquelleAutor JamieB
  3. 2

    C'est simple. Il suffit d'ajouter cette configuration dans votre Formulaire:

                var formPanel = Ext.create('Ext.form.Panel', {


                fieldDefaults: {
                    labelAlign: 'right',
                    labelWidth: 85,
                    msgTarget: 'side',
                    readOnly : true //all fiels are in readOnly mode
                },

                defaultType: 'textfield',

                items: [{
                        fieldLabel: 'Nome',
                        name: 'nome'
                    }, {
                        fieldLabel: 'Cognome',
                        name: 'cognome'
                    }
                    ]
                }],

            });
    InformationsquelleAutor Luca Lobefaro