Extjs gesetzt nur Lesen für alle Felder auf dem Formular on-the-fly

Ich bin versucht zu schreiben-Methode, die set-readOnly-Eigenschaft für alle Felder auf dem Formular.

Mein code:

Ext.override(Ext.form.Panel,{

setReadOnlyForAll: function(bReadOnly) {

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

Aufrufen dieser Methode von Ext.form.Panel:

this.setReadOnlyForAll(false);

Aber diese Methode funktioniert so langsam.Haben jemand eine Idee, wie man die Geschwindigkeit erhöhen? Danke!!!

InformationsquelleAutor vedmed | 2012-10-15

  1. 6

    cascade prüft jedes Kind des aktuellen container (z.B. eine Ext.form.Panel) und das bedeutet, Sie haben zu prüfen, ob das aktuelle Kind ist ein Formular-Feld oder nicht.
    Also, nutzen Sie Ext.form.Basic.getFields Methode, um jede form-Felder:

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

    Weiter, ich schlage vor, Sie verwenden Ext.define statt Ext.override.

    Wilk, ich danke Ihnen so sehr! Yours Methode schneller.

    InformationsquelleAutor Wilk

  2. 5

    War ich noch mit 9 Sekunden Verzögerung einstellen ~90 Felder, die als readOnly auf einem Formular (mit verschachtelten Formen) mit Wilk ' s Vorschlag (mit ExtJS 4.1.1 a).

    Zu verbessern und so weiter und reduzieren von 9 Sekunden bis < 1 Sekunde fügte ich hinzu Anrufe an Ext.suspendLayouts() und Ext.resumeLayouts (), globals zu ermöglichen, den Rahmen, um die batch-Komponenten-layouts.

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

  setReadOnlyForAll: function(readOnly) {
    Ext.suspendLayouts();
    this.getForm().getFields().each(function(field) {
      field.setReadOnly(readOnly);
    });
    Ext.resumeLayouts();
  }
});
    IMHO ist dies die richtige Antwort. Tut layout wiederholt, ist das Nadelöhr bei diesem Vorgang...

    InformationsquelleAutor JamieB

  3. 2

    Ist es einfach. Fügen Sie einfach diese Konfiguration in Ihrer Form:

                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

Schreibe einen Kommentar