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?
cevap
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. –
- 1. Android'de bir ListView öğesinin yüksekliğini ve genişliğini nasıl ayarlayabilirim?
- 2. ExtJS textfield genişliğini kapsayıcısına göre ayarlama
- 3. Extjs ext.panel.panel için extjs doğruysa genişlik
- 4. Extjs nasıl
- 5. jQuery: Bir textarea'nın genişliğini ayarlamanız mı gerekiyor?
- 6. ExtJS
- 7. Extjs
- 8. ExtJS
- 9. Boole'ye nasıl bir değişken ayarlayabilirim?
- 10. Bir simge bir extjs düğmesinde nasıl ortalanır?
- 11. Bir öğenin genişliğini, yüzde
- 12. Extjs, bir Formpanel
- 13. Android: AlertDialog genişliğini ve yüksekliğini ve AlertDialog stilinin düğmesini nasıl ayarlayabilirim?
- 14. Bir extjs 4 uygulaması nasıl paketlenir (minify)
- 15. QueryTimeout'u SimpleJdbcTemplate'de nasıl ayarlayabilirim?
- 16. Enable'ı AlternateView'de nasıl ayarlayabilirim
- 17. og: resmini nasıl ayarlayabilirim?
- 18. MPVolumeView'ı nasıl hızla ayarlayabilirim?
- 19. ExtJS - Form
- 20. Extjs mağazada
- 21. ExtJS 4 - Izgara hücre olayları? ExtJS yılında
- 22. extjs combo'da dispayfield nasıl edinilir?
- 23. Angularjs - Bir hizmette modül değerlerini nasıl ayarlayabilirim?
- 24. Dart'ta bir metin kutusunun değerini nasıl ayarlayabilirim?
- 25. Bir çizim penceresinin pencere boyutunu nasıl ayarlayabilirim?
- 26. HttpRequestHeader'ı bir HttpWebRequest için nasıl ayarlayabilirim?
- 27. /Baseaddress'i "iyi" bir değere nasıl ayarlayabilirim?
- 28. Yumurtlama yaptığım bir işlemin umaskını nasıl ayarlayabilirim?
- 29. Değer özelliğini bir div etiketine nasıl ayarlayabilirim?
- 30. WPF: Koddaki bir Paragrafın içeriğini nasıl ayarlayabilirim?
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 –