Panelim bir hbox düzenini kullanıyor. Panelin alt kapsayıcılarının yapılandırmasında "split: true" ekliyorum. Ayırıcıların genişliğini ayarlayabilir miyim?ExtJS: Bir hbox'ta bölücülerin genişliğini nasıl ayarlayabilirim?
Her şeyden önce split: true, border düzeninin değil, hbox düzeninin bir parçasıdır.
için width (yüzde veya mutlak değer) yapılandırma ile bölücülerin genişliğini ayarlayabilir.
hbox düzeni için flex yapılandırmasını kullanabilirsiniz.
HBox için, öğeleriniz arasında splitter s eklemeniz gerekir. Daha sonra sadece onun width
https://fiddle.sencha.com/#fiddle/18h2
Ext.create('Ext.container.Container', {
renderTo: Ext.getBody(),
layout: {
type: 'hbox'
},
items: [{
xtype: 'label',
text: 'column 1',
flex: 1
}, {
xtype: 'splitter',
width: 20,
style: 'border: 1px solid green'
}, {
xtype: 'label',
text: 'column 2',
flex: 2
}]
})
benim HBox öğelerin sayısı dinamiktir alakalı görünmüyor böylece belli değildi . Soruyu yazmadan önce yaklaşımınızı düşünmüştüm, ancak “split: true” kullanırken hala genişliğini etkileyebilme olasılığını ortadan kaldırmak istedim. –
@JimNorman Kodunuzu göndermediğinizde ne demek istediğinizi söylemek zor; Sadece bir hbox düzenindeki öğelere 'split 'ekleme, benim için ayrıklıklar oluşturmuyor –
Dinamik olarak panelleri bir hbox'a ekleyerek gösteren kodları yayınlamamı beklediniz mi? Bu sorunun üst tarafında gürültü olurdu. –
dürüst olmak gerekirse, kodunuz –
@JuanMendes göstermeden bir soru sormak etmeyin ayarlayabilirsiniz, kodun ne tür Burada görmeyi bekleyebilirsiniz? Benim için soru oldukça açık görünüyor. –
@SergeyNovikov Bahsettiğiniz gibi, bölünmüş hbox'ın çocukları için geçerli değil. Bu nedenle, her zaman cevap soru alma şansınızı yardım edecek çalışır kodu parçasıdır o zaman ne ben soru düşünüyorum –