Private Mitglieder beim erweitern einer Klasse mit ExtJS

Ich habe einige der Forschung getan auf der ExtJS forum über private Methoden und Felder innerhalb einer erweiterten Klasse, und ich konnte keine wirkliche Antwort auf diese.

Und wenn ich sage, ein erweiterten Klasse ich meine so etwas wie dieses:

Ext.ux.MyExtendedClass = Ext.extend(Ext.util.Observable, {
    publicVar1: 'Variable visible from outside this class',
    constructor: function(config) { this.addEvents("fired"); this.listeners = config.listeners; }, //to show that I need to use the base class
    publicMethod1: function() { return 'Method which can be called form everywhere'; },
    publicMethod2: function() { return this.publicMethod1() + ' and ' + this.publicVar1; } //to show how to access the members from inside another member
});

Das problem ist hier, dass alles öffentlich ist. Also, wie füge ich eine neue variable o-Methode im Rahmen der MyExtendedClass, dass nicht zugegriffen werden kann von außen zugegriffen werden kann, indem die öffentlichen Methoden?

InformationsquelleAutor Mariano Desanze | 2010-04-28

  1. 4

    Verwende ich etwas wie das folgende.

      var toolbarClass = Ext.extend( Ext.Container,
  {
    /**
     * constructor (public)
     */
    constructor: function( config )
    {
      config = config || {};

      //PRIVATE MEMBER DATA ========================================
      var accountId = Ext.id( null, 'ls-accountDiv-');

      //PUBLIC METHODS ========================================
      this.somePublicMethod = function(){
         console.log( accountId );
      };

...
    +1 Es funktioniert! Aber ich habe gerade realisiert, eine andere Lösung, die besser erscheint. Denn mit Ihrer Lösung, die Erstellungszeit von jeder Instanz wird erhöht, und ich glaube, mir nicht. Ich werde das jetzt posten, damit die Leute sagen können, ob ich falsch bin oder nicht.
    Ich begrüße dieses Gespräch. Wohl zu wenige Entwickler sind besorgt über die Daten versteckt bei der Entwicklung in JavaScript.

    InformationsquelleAutor Upperstage

  2. 1

    @Protron: Deine Antwort ist genial! Danke!
    Ich ging ein wenig weiter und erstellte meine eigene Klasse-extender-Methode.

    /**
 * Instead of call Ext.extend method to create your new class extensions, you can use
 * My.extend. It is almost the same thing, but you pass a function as body for your new class, not
 * an object. Ex.:
 *
 * MyNewExtCompoment = My.extend(Ext.Compoment, function() {
 *     var myPrivateVar = 0;
 *
 *     //private
 *     function reset() {
 *       myPrivateVar = 0;
 *     }
 *
 *     //public
 *     function add(value) {
 *       try{
 *         myPrivateVar = myPrivateVar + value;
 *       } catch(err){
 *         reset();
 *       }
 *       return myPrivateVar;
 *     }
 *
 *     return {
 *         add: add
 *     }
 * }, 'ux-my-new-component');
 *
 * @param extendedClass my extended class
 * @param newClassBodyFunction my new class body
 * @param newClassXtype (optional) the xtype of this new class
 */
My.extend = function(extendedClass, newClassBodyFunction, newClassXtype) {
    var newClass = Ext.extend(extendedClass, newClassBodyFunction.call());
    if(newClassXtype) {
        Ext.reg(newClassXtype, newClass);
    }
    return newClass;
}

    Diese Weise sparen wir einige extra "() " und wir haben die "Ext.reg" gratis angerufen.
    [s]

    InformationsquelleAutor Thiago Veronezi

Schreibe einen Kommentar