Sencha Touch：列表詳細信息.setActiveItem undefined

Question

我正在將應用程序放在一起，並嘗試獲取詳細信息面板工作列表。我將它建立在Sencha列表視頻上，但不斷收到錯誤「TypeError：表達式結果'abc.artistList.setActiveItem'[undefined]不是函數。」當我嘗試點擊某個項目並顯示詳細信息面板時。完整的代碼如下：

Ext.ns('abc', 'abc.panel', 'abc.store'); 

// Models _____________________________________________________________________ 
Ext.regModel('Artists', { 
    fields: ['firstName', 'lastName'] 
}); 


// Stores _____________________________________________________________________ 
abc.store.Artists = new Ext.data.Store({ 
    model: 'Artists', 
    proxy: { 
     type: 'ajax', 
     url: 'http://localhost:8888/abc/stores/artists.json', 
     reader: { 
      type: 'json', 
      root: 'artists' 
     } 
    }, 
    sorters: 'lastName', 
    getGroupString : function(record) { 
     return record.get('lastName')[0]; 
    }, 
    autoLoad: true 
}); 

abc.artistDetail = new Ext.Panel({ 
      id: 'detailpanel', 
      tpl: 'Hello, {firstName}!', 
      dockedItems: [ 
       { 
        xtype: 'toolbar', 
        items: [{ 
         text: 'back', 
         ui: 'back', 
         handler: function() { 
          abc.panel.Artists.setActiveItem('artistList', {type:'slide', direction:'right'}); 
         } 
        }] 
       } 
      ] 
     }); 

abc.artistList = new Ext.List({ 
    title: 'Artists', 
    store: abc.store.Artists, 
    fullscreen: true, 
    id: 'artistList', 
    itemTpl: '<div class="contact">{firstName} {lastName}</div>', 
    grouped: true, 
    onItemDisclosure: function(record, btn, index) { 
     abc.artistDetail.update(record.data); 
     abc.panel.Artists.setActiveItem('detailpanel'); 
    } 
}); 

abc.panel.Artists = Ext.extend(Ext.Panel, { 
    id: 'artists', 
    title: 'Artists', 
    layout: 'card', 
    fullscreen: true, 
    cardSwitchAnimation: 'slide', 
    iconCls: 'artists', 
    items: [abc.artistList, abc.artistDetail], 
}); 

abcPrimavera = new Ext.Application({ 
    name: "abcApp", 

    onReady: function() { 
     var app = new Ext.TabPanel({ 
      fullscreen: true, 
      animation: false, 
      tabBar: { 
       dock: 'bottom', 
       layout: { 
        pack: 'center' 
       } 
      }, 
      items: [ 
      new abc.panel.Artists()] 
     }); 
     } 
}); 

任何幫助將是輝煌的。

感謝

Answer 1

Ext.ns('abc', 'abc.panel', 'abc.store'); 

// Models _____________________________________________________________________ 
Ext.regModel('Artists', { 
    fields: ['firstName', 'lastName'] 
}); 


// Stores _____________________________________________________________________ 
abc.store.Artists = new Ext.data.Store({ 
    model: 'Artists', 
    proxy: { 
     type: 'ajax', 
     url: 'http://localhost:8888/abc/stores/artists.json', 
     reader: { 
      type: 'json', 
      root: 'artists' 
     } 
    }, 
    sorters: 'lastName', 
    getGroupString : function(record) { 
     return record.get('lastName')[0]; 
    }, 
    autoLoad: true 
}); 

abc.artistDetail = new Ext.Panel({ 
      id: 'detailpanel', 
      tpl: 'Hello, {firstName}!', 
      dockedItems: [ 
       { 
        xtype: 'toolbar', 
        items: [{ 
         text: 'back', 
         ui: 'back', 
         handler: function() { 
          Ext.getCmp('artists').setActiveItem('artistList', {type:'slide', direction:'right'}); //updated code 
         } 
        }] 
       } 
      ] 
     }); 

abc.artistList = new Ext.List({ 
    title: 'Artists', 
    store: abc.store.Artists, 
    fullscreen: true, 
    id: 'artistList', 
    itemTpl: '<div class="contact">{firstName} {lastName}</div>', 
    grouped: true, 
    onItemDisclosure: function(record, btn, index) { 
     abc.artistDetail.update(record.data); 
     Ext.getCmp('artists').setActiveItem('detailpanel'); //updated code 
    } 
}); 

abc.panel.Artists = Ext.extend(Ext.Panel, { 
    id: 'artists', 
    title: 'Artists', 
    layout: 'card', 
    fullscreen: true, 
    cardSwitchAnimation: 'slide', 
    iconCls: 'artists', 
    items: [abc.artistList, abc.artistDetail], 
}); 

abcPrimavera = new Ext.Application({ 
    name: "abcApp", 

    onReady: function() { 
     var app = new Ext.TabPanel({ 
      fullscreen: true, 
      animation: false, 
      tabBar: { 
       dock: 'bottom', 
       layout: { 
        pack: 'center' 
       } 
      }, 
      items: [ 
      new abc.panel.Artists()] 
     }); 
     } 
}); 

兩個部分上面更新代碼 - 用錯的語法定義itemDisclosure。