无法从内部

Question

隐藏莫代尔下面是我使用的创建模式的代码 -

var thumbImage = new Array(); 
    var me = this; 

    for (var i = 0; i < thumbnail.length; i++) { 

     thumbImage[i] = { 
      xtype: 'panel', 
      html: '<img class="thumbView" src="' + thumbnail[i].thumb + '"/>', 
      thumbIndex: i, 
      listeners: { 
       initialize: function(thisID) { 

        this.element.on('tap', function(e, t) { 
         me.setActiveCarouselItem(thisID.thumbIndex); 
        }); 
       } 
      } 
     }; 
    } 

    Ext.Viewport.add({ 
     xtype: 'panel', 
     itemId: 'thumbmodal', 
     centered: true, 
     cls: 'thumb-panel', 
     float: true, 
     modal: true, 
     hideOnMaskTap: true, 
     scrollable: true, 
     items: thumbImage 
    }); 

在这种模式中，有缩略图。点击这些图像中的任何一个都会将tapped imaeg设置为旋转木马的活动项目，并且模式将被关闭/隐藏。但是我无法关闭/隐藏模式。我怎样才能做到这一点？提前致谢。

Answer 1

基本上得到thumbmodal的参考文件，并调用hide方法。

// same code 

    initialize: function(thisID) { 

     this.element.on('tap', function(e, t) { 
      me.setActiveCarouselItem(thisID.thumbIndex); 
      Ext.Viewport.down('#thumbmodal').hide(); 
     }); 
    } 

// same code