내가 가진 경우에 extjs 개체

Question

를 재사용 :

var panel1 = new Ext.panel({ items:[x] }); 
var panel2 = new Ext.panel({ items:[x] }); 

이 시도 방법 Ext.extend을 가지고 :,

var x = new Ext.form.formPanel({ 
}); 

내가이 곳에서 재사용하고 싶었 예컨대을하지만 그것은 작동하지 않았다. 그렇게하면 페이지에 한 번만 렌더링됩니다. 당신이 비슷한을 수행해야하므로 다음과 같이 무슨

Answer 1

두 Ext.form.FormPanel 객체를 생성해야합니다

var x = new Ext.form.FormPanel({ 
}); 

var y = new Ext.form.FormPanel({ 
}); 

var panel1 = new Ext.Panel({ items:[x] }); 
var panel2 = new Ext.Panel({ items:[y] }); 

Answer 2

자신은 FormPanel 클래스를 생성 한 다음 원하는이 모든 시간을 만들 수 있습니다

MyForm = Ext.extend(Ext.form.FormPanel, { 
    title: 'My Personal Form', 
    width: 400, 
    height: 250, 
    padding: 10, 
    initComponent: function() { 
    this.items = [ 
     { 
      xtype: 'textarea', 
      anchor: '100%', 
      fieldLabel: 'Label' 
     }, 
     { 
      xtype: 'textfield', 
      fieldLabel: 'Label', 
      anchor: '100%' 
     } 
    ]; 
    MyForm.superclass.initComponent.call(this); 
    } 
}); 

var panel1 = new Ext.panel(new MyForm({id:'test1'})); 
var panel2 = new Ext.panel(new MyForm()); 

첫 번째 패널에는 id 속성을 삽입하지만 다른 것을 삽입 할 수 있습니다. 구성을 덮어 쓰는 양식의 표준 구성을 변경할 수도 있습니다