Jak mogę umieścić trzy obszary w lewo, w środku, w prawo na pasku narzędzi? Wiem, że mogę użyć ->, aby wyzwolić wyrównany do prawej strony kontener dla wszystkich następujących elementów, ale co z centrum?Jak dopasować elementy na pasku narzędzi do lewej, środkowej, prawej
można archiwizować to z trick:
Ext.create('Ext.panel.Panel', {
title: 'Toolbar Fill Example',
width: 300,
height: 200,
tbar : [
'Item 1',
{ xtype: 'tbfill' },
'Item 4',
{ xtype: 'tbfill' },
'Item 2'
],
renderTo: Ext.getBody()
});
zauważyć, że:
[
'Item 1',
'->',
'Item 4',
'->',
'Item 2'
]
działa tak samo.
Jak to działa
-> czy to xtype tbfill jest niczym więcej niż pustym składnik o konfiguracji flex: 1.
dockedItems: [{ xtype: 'Pasek', buttonAlign: 'Centrum', dok: 'top', elementy: [{ tekst: 'zadokowany na górę' }] }]
Ext.create('Ext.panel.Panel', {
title: 'Toolbar Fill Example',
width: 300,
height: 200,
tbarCfg:{
buttonAlign:'center' //for center align
// buttonAlign:'left' //for left align
// buttonAlign:'right' //for right align
},
tbar : [
'Item 1',
{ xtype: 'tbfill' },
'Item 4',
{ xtype: 'tbfill' },
'Item 2'
],
renderTo: Ext.getBody()
});
nie działa dla mnie .. –
For Right:
bbar: ['->',{
xtype: 'button',
text: 'xyz',
}]
For Left:
bbar: ['<-',{
xtype: 'button',
text: 'xyz',
}]
Dziękuję bardzo! Właśnie tego szukałem. – seba
To spowoduje, że środkowy element zostanie wyśrodkowany, zakładając, że wszystkie mają tę samą szerokość. Możesz zrobić ostatni element, "Item 10102598", a zobaczysz, że środkowy przedmiot nie jest już wyśrodkowany. – Slims