2016-11-24 3 views
0

Schritt 1: Ich habe ein Fenster in Extjs.
Schritt 2: Das Fenster ist offen mit etwas Höhe und Breite.
Schritt 3: Ich klicke auf Maximieren-Taste, das Fenster wird maximiert Aber ich möchte nicht, dass das Fenster den gesamten Bildschirm abdeckt. Oben habe ich eine Symbolleiste.
Schritt 4: Durch Maximierung des Fensters wird die Werkzeugleiste ebenfalls überlappt.So stellen Sie die Höhe des Fensters von der TOP-Position oder Wie ändere ich die Position des Fensters, wenn ich den Maximierungsvorgang durchführe

So ist es Art und Weise ist, wenn ich das Fenster Symbolleiste Nichtüberlappungs

+0

einen Container hinzufügen. Es sollte in zwei getrennte Behälter aufgeteilt werden, einen mit dem oberen und den zweiten mit dem Fenster. – malutki5200

+0

Aber zum Beispiel. Ext.getCmp ('WindowId'). SetHeight ('Wert'). wird die Höhe des Fensters oder eines Containers festlegen. Wie kann ich von der Spitze verzweigen? –

Antwort

0

bleiben sollte ich zu maximieren Sie es durch die Positionierung es unter Symbolleiste position(x,y) Funktion erreichen können und dann die Höhe des Fensters durch Symbolleiste reduzieren Höhe mit setHeight() und getHeight() Funktionen nach dem Maximieren des Fensters.

tools: [{ 
      type: 'maximize', 
      handler: function (evt, toolEl, owner, tool) { 
     var toolbarHeight = Ext.ComponentQuery.query('toolbar')[1].getHeight(); //getting height of the toolbar 
       var window = owner.up('window'); 
       window.maximize(); 
       window.setPosition(0, toolbarHeight); 
       window.setHeight(window.getHeight()-toolbarHeight); 
      } 
     }] 

A working Example

Verwandte Themen