Warum kann eine Mitgliedskarte nicht zum Speichern von Symbolleisten verwendet werden?

Question

I definiert folgendes Fenster:

qx.Class.define('my.Window', { 
    ... 

    construct: function(caption, icon) { 
     this.base(arguments, caption, icon); 
     this.setLayout(new qx.ui.layout.VBox(10)); 

     this.add(new qx.ui.form.renderer.Single(this.getForm('some'))); 
     this.add(new qx.ui.form.renderer.Single(this.getForm('other'))); 

     this.add(this.getToolbar('test')); // This is shown 
     this.add(this.getToolbar('some')); // This is not shown 
     this.add(this.getToolbar('other')); // This is not shown 
    }, 

    members: { 
     _forms: {}, 
     _toolbars: {}, 

     getForm: function(id) { 
      if(this._forms[id]) return this._forms[id]; 

      if(id = 'some') this._forms[id] = new Form(); 
      else if(id == 'other') this._forms[id] = new OtherForm(); 

      return this._forms[id]; 
     }, 

     getToolbar: function(id) { 
      if(id == 'test') { 
      if(this._tb) return this._tb; 
      this._tb = new TestToolbar(); 
      return this._tb; 
      } 
      else if(id == 'some') this._toolbars[id] = new SomeToolbar(); 
      else if(id == 'other') this._toolbars[id] = new OtherToolbar(); 

      return this._toolbars[id];    
     } 
    } 
}); 

Wenn ich das Fenster zeigen, sind die Formen ('einige' und 'andere') dargestellt sind. Andere Elemente wie TestToolbar und eine Liste werden ebenfalls angezeigt. Die anderen Symbolleisten ('test', 'some' und 'other') werden nicht angezeigt.

Ich habe versucht, _toolbars von einem Objekt in ein Array zu ändern, aber ich habe das gleiche Verhalten.

Answer 1

In Ihrem Beispiel erstellt die getToolbar() -Methode immer eine neue Toolbar, egal was; Das bedeutet, dass der Konstruktor zwar eine neue Symbolleiste zum Fenster hinzufügt, Sie aber später getToolbar() aufrufen und Widgets hinzufügen, indem Sie der falschen Symbolleiste hinzufügen (d. h. zu einer Symbolleiste hinzufügen, die dem Fenster nicht hinzugefügt wurde).

Hier ist eine leicht modifizierte Version von Ihrem Beispiel, die Arbeit auf dem Spielplatz tut

qx.Class.define('my.Window', { 
    extend: qx.ui.window.Window, 

    construct: function(caption, icon) { 
     this.base(arguments, caption, icon); 
     this.setLayout(new qx.ui.layout.VBox(10)); 

     this._toolbars = {}; 

     //commented out because 
     //this.add(new qx.ui.form.renderer.Single(this.getForm('some'))); 
     //this.add(new qx.ui.form.renderer.Single(this.getForm('other'))); 

     this.add(this.getToolbar('test')); // This is shown 
     this.add(this.getToolbar('some')); // This is not shown 
     this.add(this.getToolbar('other')); // This is not shown 

     this.getToolbar('test').add(new qx.ui.toolbar.Button("Test Button")); 
     this.getToolbar('some').add(new qx.ui.toolbar.Button("Some Button")); 
     this.getToolbar('other').add(new qx.ui.toolbar.Button("Other Button")); 
    }, 

    members: { 
     _forms: null, 
     _toolbars: null, 

     getForm: function(id) { 
      if(this._forms[id]) return this._forms[id]; 

      if(id == 'some') this._forms[id] = new Form(); 
      else if(id == 'other') this._forms[id] = new OtherForm(); 

      return this._forms[id]; 
     }, 

     getToolbar: function(id) { 
     if (!this._toolbars[id]) { 
      if(id == 'test') { 
      if(this._tb) return this._tb; 
      this._tb = new qx.ui.toolbar.ToolBar(); 
      return this._tb; 
      } 
      else if(id == 'some') this._toolbars[id] = new qx.ui.toolbar.ToolBar(); 
      else if(id == 'other') this._toolbars[id] = new qx.ui.toolbar.ToolBar(); 
     } 
     return this._toolbars[id];    
     } 
    } 
}); 
var win = new my.Window("First Window"); 
win.setWidth(300); 
win.setHeight(200); 
win.setShowMinimize(false); 

this.getRoot().add(win, {left:20, top:20}); 
win.open();