extjs의 레이아웃 창 안의 폼 패널 3.4

Question

extjs 3.4의 레이아웃 창 안에 폼을 만드는 데 도움을 줄 수 있습니까? like this? Ext.Formpanel을 사용해 보았지만 오류가 표시됩니다.

Ext.onReady(function() { 
    // tabs for the center 
    var tabs = new Ext.TabPanel({ 
     region: 'center', 
     margins: '3 3 3 0', 
     activeTab: 0, 
     defaults: { 
      autoScroll: true 
     }, 
     items: [ 
      { 
       title: 'Movie Grid', 
      }, 
      { 
       title: 'Movie Description', 
      }, 
      { 
       title: 'Nested layout', 
      }, 
      { 
       title: 'The bomb', 
      } 
     ] 
    }); 

    // Panel for the west 
    var nav = new Ext.Panel({ 
     title: 'Movie Information Form', 
     region: 'west', 
     split: true, 
     width: 200, 
     collapsible: true, 
     margins: '3 0 3 3', 
     cmargins: '3 3 3 3', 
    }); 

    var win = new Ext.Window({ 
     title: 'Button', 
     closable: true, 
     width: 600, 
     height: 350, 
     //border: false, 
     plain: true, 
     layout: 'border', 
     items: [ 
      nav, 
      tabs 
     ] 
    }); 

    win.show(this); 
}); 

이것은 레이아웃 창을 만들기위한 js 파일입니다. "영화 정보 양식"안에 양식을 만들어야합니다.

Answer 1

코드에 오류가 있습니다. & 답장을 확인하십시오. https://fiddle.sencha.com/#view/editor&fiddle/2750

나는 이을 제거하여 show() window에 전달되었습니다.