0

以下は、モーダルを作成するために使用しているコードです-

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

このモーダルには、サムネイル画像があります。これらの画像のいずれかをクリックすると、タップされた画像がカルーセルのアクティブなアイテムとして設定され、モーダルが閉じられます/非表示になります。しかし、モーダルを閉じる/隠すことができません。これどうやってするの？前もって感謝します。

4

1 に答える 1

2

基本的には参照を取得してメソッド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
于 2013-10-01T10:20:37.100 に答える