使用ref getter函數返回undefined

Question

我仍然試圖通過this tutorial工作，但取得了不同的成功。在我的控制器劇本，我有以下幾點：

config: { 
     refs: { 
      notesListContainer: 'noteslistcontainer', 
      noteEditor: 'noteeditor' 
     }, 
     control: { 
      notesListContainer: { 
       newNoteCommand: 'onNewNoteCommand', 
       editNoteCommand: 'onEditNoteCommand' 
      } 
     } 
}, 
onEditNoteCommand: function(list, record) { 
    console.log('onEditNoteCommand'); 

    this.activateNoteEditor(record); 
}, 
activateNoteEditor: function(record) { 
     var noteEditor = this.getNoteEditor(); 
     noteEditor.setRecord(record); 
     Ext.Viewport.animateActiveItem(noteEditor, this.slideLeftTransition); 
}, 

當我在Chromium 18.0.1025.168運行此，我得到

Uncaught TypeError: Cannot call method 'setRecord' of undefined Notes.js:37`. 
`this.getNoteEditor()' 

不返回noteEditor，但返回undefined。

整個項目的來源可用here。

Answer 1

重要的是使用autoCreate : true

config: { 
    refs: { 
     notesListContainer: 'noteslistcontainer', 
     noteEditor: { 
       selector: 'noteeditor', 
       xtype: 'noteeditor', 
       autoCreate: true // missing 
      } 
     }, 
    }, 
... 
}