ExtJS - Component vertikal und horizontal zentrieren

Beitrag vom 09.04.2015

Kurzes Schnipsel wie man in ExtJS ein Component in einem anderen vertikal und horizontal zentriert.

Siehe auch das vbox Layout.

Schnipsel

{
   xtype:'panel',
   region:'center',
   border:0,
   layout: {
      type:'vbox',
      align:'center',   // <-- Horizontal Zentrieren
      pack:'center'     // <-- Verikal Zentrieren
   },
   items: [
      {
         xtype:'panel',
         layout:'anchor',
         title:'Kleines Panel',
         width:400,
         defaults: {
            anchor:'100%',
            labelAlign:'top'
         },
         bodyPadding:10,
         items: [
            {
               xtype:'textfield',
               fieldLabel:'Feld'
            }
         ],
         buttons: [
            {
               xtype:'button',
               text:'OK'
            }
         ]
      }
   ]
}

Hallo Internet

Mein Name ist Christian, vom Beruf bin ich Anwendungsentwickler.

In meiner Freizeit beschäftige ich mich mit verschiedensten Technologien. Hier sammele ich Dinge, die für mich interessant waren oder sind.