Ext.getCmp无法隐藏Youtube Video Sencha Touch

Question

我在隐藏事件中设置元素（面板）的HTML时遇到困难，以删除Sencha Touch 2中的iFrame Youtube视频。

hide事件正在工作并且正在被调用，因为我在被调用的hide函数中有一个Ext.Msg.alert并且它可以正常工作，但我无法阻止隐藏视频。

这是我的面板代码：

Ext.define('TCApp.view.MyPanel0', {
extend: 'Ext.Panel',
alias: 'widget.mypanel0',

config: {
    hideOnMaskTap: true,
    scrollable: false,
    items: [
        {
            xtype: 'panel',
            html: '<iframe width="560" height="315" src="http://www.youtube.com/embed/-gv9RicOHNQ" frameborder="0" allowfullscreen></iframe>',
            itemId: 'videopanel',
            hideOnMaskTap: true
        }
    ]
}

}）;

在我的控制器中我有这个：

Ext.define('TCApp.controller.MyController', {
extend: 'Ext.app.Controller',
config: {
    control: {
        "#dataview": {
            itemtap: 'onDataviewItemTap'
        },
        "mypanel0": {
            hide: 'onVideopanelHide'
        }
    }
},

等...

和此：

onVideopanelHide: function(component, options) {
    Ext.Msg.alert('Test onhide event');  <-- working hide event called

    Ext.getCmp('videopanel').setHtml("");
    Ext.getCmp('videopanel').setHtml('<div id="video1"><iframe width="560" height="315" src="http://www.youtube.com/embed/NSUucup09Hc?fs=1&amp;hl=en_US&amp;rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe></div><img src="resources/images/thapelo3Fy.jpg" />');

}

Ext.getCmp无法正常工作，我收到错误：'TypeError：'undefined'不是对象（评估'Ext.getCmp（'videopanel'）。setHtml'）'

我试图设置HTML的面板有一个'视频面板'的itemid，所以我不确定是什么问题。有什么想法吗？

我仍然在隐藏事件中播放我的iFrame Youtube视频，我想完全删除它。

我也试过'Ext.getCmp（'videopanel'）。destroy（）;'但我得到与上面相同的错误。我只将itemid设置为videopanel而没有其他ID ...

提前感谢您的帮助......

Answer 1

嘿@Digeridoopoo只需改变一次MyPanel0，

你的代码

itemId: 'videopanel',

为：

id: 'videopanel',

我在你的onVideopanelHide方法控制器上做了类似这样的代码版本。

Ext.define('myapp.view.MyPanel0', {
   extend: 'Ext.Panel',
   xtype: 'mypanel0',

   config: {
      hideOnMaskTap: true,
      scrollable: false,
      items: [
        {
           xtype: 'panel',
           html: '<iframe width="560" height="315" src="http://www.youtube.com/embed/-gv9RicOHNQ" frameborder="0" allowfullscreen></iframe>',
           id: 'videopanel',
           hideOnMaskTap: true
        }, {html: '<br/>'},
        {
           xtype: 'button',
           text: 'Change Video',
           width: '55%',
           handler: function() {
               Ext.getCmp('videopanel').setHtml('')
               Ext.getCmp('videopanel').setHtml('<div id="video1"><iframe width="560" height="315" src="http://www.youtube.com/embed/NSUucup09Hc?fs=1&amp;hl=en_US&amp;rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe></div><img src="app/images/home.png" />')
           }
        }, {html: '<br/>'},
        {
          xtype: 'button',
          text: 'Video Stop',
          width: '55%',
          handler: function() {
              Ext.getCmp('videopanel').hide()
          }
        }
     ]
  }
});

我希望这会有所帮助。 ：）