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
    });

在此模式中，有缩略图图像。单击这些图像中的任何一个将设置轻拍的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

无法从里面隐藏模态

1 个答案: