ExtJS的 - 常駐按鈕的面板

Question

的底部我要對齊證書按鈕在面板的底部extjs，是否有任何特定的屬性做到這一點只在面板內的按鈕。沒有工具欄的參與是在這裏：

小提琴鏈接：https://jsfiddle.net/arya9/rmad2cpb/

Answer 1

檢查這個小提琴。 你只需要添加dockedItems該按鈕面板

的

{ 
     xtype: 'panel', 
     renderTo: Ext.getBody(), 
     layout: 'vbox', 
     height: 400, 
     padding: 20, 
     defaults: { 
      xtype: 'button', 
      margin: '0 0 12 0' 
     }, 

     items: [{ 
      text: 'Normal Button' 

     }, { 
      text: 'Basic Button' 
     }], 

     dockedItems: [{ 
      xtype: 'button', 
      dock: 'bottom', 
      text: 'Docked Button', 
      margin: '0 0 12 0' 
     }] 
    } 

https://fiddle.sencha.com/#view/editor&fiddle/25aa

Answer 2

希望這下面的代碼將幫助您按照您的要求。

Ext.create('Ext.Window',{ 
     width:200, 
     height:400, 
     layout:'vbox', 
     items:[{ 
     xtype:'button', 
     text:'First' 
     },{ 
      xtype:'panel', 
      flex:1 
     },{ 
     xtype:'button', 
     text:'Second' 
     }] 
    }).show(); 

您可以點擊這裏在煎茶撥弄它正在https://fiddle.sencha.com/#view/editor&fiddle/25a9

Answer 3

使用工具欄和改變的xtype： '間隔' 爲的xtype： 'tbfill'