ExtJS: Pencerede yeniden boyutlandırma form alanları

Question

İçinde bazı Ext.form alanları ile Ext.Window oluşturdum. Ancak pencere form öğelerini yeniden boyutlandırdığımda hala ilk genişlik ve yükseklik var.

Pencere yeniden boyutlandırmasında form alanlarını yeniden boyutlandırmak gerekiyor mu? Veya form alanlarının otomatik olarak yeniden boyutlandırılmasını sağlayan bir seçenek var mı?

örnek kod:

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1'}); 
var f_2 = new Ext.form.TextField({fieldLabel: 'Label 2'}); 
var fp = new Ext.form.FormPanel({items: [f_1, f_2]}); 

var w = new Ext.Window({ 
    layout: 'form', 
    title: 'test', 
    items: fp 
}); 

w.show() 

Answer 1

Sen güzel-boyutlandırılabilir formları için yapar ankrajı kontrol edebiliriz:

http://www.extjs.com/deploy/dev/examples/form/anchoring.html

"Bileşen" konulu "çapa" özelliği bakınız:

http://www.extjs.com/deploy/dev/docs/?class=Ext.Component

Answer 2

var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1', anchor:'95%'}); 

yapardı. Bazı örnekleri there ve belgeleri there görebilirsiniz. Ayrıca

Eğer defaults yapılandırma nesnesi ile formu panelinden varsayılan itebilir bunların her biri için boyut belirtmek istemiyorsanız Benim şüphe

var fp = new Ext.form.FormPanel({ 
      items: [f_1, f_2] 
      ,defaults: { 
       anchor: '95%' 
      } 
     }); 

Answer 3

FormPanel "fp" kısmen olduğuna kabahatli.

Ext JS'de, her şeyi pencereden Ext.Window yapıcısına kadar tümüyle bildirmek genellikle en iyi uygulamadır. Bir şeyler yaratmak ve bunları daha sonra eklemeyi denemek benim için çok sıkıntı kaynağı olmuştur.

(Tamam, genişlik ile ilgili diğer cevap:% 100 muhtemelen daha iyi. Ama yine de, her şeyi aynı anda beyan etmediğimde, yeniden boyutlandırma ile çok fazla sorun yaşadım ... tam olarak anlayamadım . o kadar henüz yapmak tamam olduğunda)