Sencha touch NestedList: как остановить аудиоплеер при закрытии detailsCard

Question

У меня есть компонент Ext.Audio внутри detailsCard из NestedList в приложении Sencha touch 2.1. Я не могу понять, как остановить аудиопоток, когда вы нажимаете кнопку «Назад» в подробной карточке. Я также не понимаю, как прослушать «событие нажатия кнопки« назад »только для кнопки« Назад »на подробной карточке. Вот мой код:

Ext.define('App.view.Lead', { 
extend: 'Ext.NestedList', 
xtype: 'lead', 
config: { 
    title: 'Lead', 
    iconCls:'lead', 
     store: 'LeadStore', 
    displayField: 'title', 
    detailCard: { html: 'details' } 
}, 
getDetailCard: function(node) { 
      if (node) { 
       return { 
        xtype: 'container', 
        layout: 'fit', 
        items: [ 
         { 
          xtype: 'panel', 
          layout:'fit', 
          html: node.get('text')  
         }, 
         {    
          xtype: 'audio', 
          docked: 'bottom', 
          url : node.get('audio'), 
          autoPause: true, 
         }, 
         ] 
       } 
      } 
    } 

});

Заранее спасибо

Answer 1

Вы можете дать вашей аудио в id конфигурации для справки:

{    
    xtype: 'audio', 
    docked: 'bottom', 
    url : node.get('audio'), 
    autoPause: true, 
    id: 'audio' 
} 

Для обработки кнопки назад можно использовать back событие вашего вложенного списка вместе с stop способом, чтобы остановить аудио :

back: function() { 
    Ext.getCmp('audio').stop(); 
} 

you'l быть безопасным, если вы используете itemId.

itemId: audio 

Затем вы можете использовать Ext.ComponentQuery для его получения:

Ext.ComponentQuery.query('#audio')[0].stop();