1. #1
    Sencha User
    Join Date
    May 2012
    Location
    Belarus, Gomel
    Posts
    42
    Answers
    3
    Vote Rating
    -1
    dmitryfisko is an unknown quantity at this point

      0  

    Default Answered: Can't show Ext.list in overlay panel.

    Answered: Can't show Ext.list in overlay panel.


    Hi everyone.
    I try to when you click on the icon button buttonIcon.png displayed pop up menu with Ext.list popUpMenu.png, instead I get a blank pop-up menu, without Ext.List blankPopUpMenu.png.

    Function onMyButtonTap:
    Code:
    var test = Ext.create('Ext.List', {    fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    });
    
    
    if (!this.overlay) {
        this.overlay = Ext.Viewport.add({
            xtype: 'panel',
            modal: true,
            hideOnMaskTap: true,
            showAnimation: {
                type: 'popIn',
                duraton: 250,
                easing: 'ease-out'
            },
            hideAnimation: {
                type: 'popOut',
                duraton: 250,
                easing: 'ease-out'
            },
            centered: true,
            width: Ext.os.deviceType == 'Phone' ? 260 : 400,
            height: Ext.os.deviceType == 'Phone' ? 220 : 400,
            
            items: [test],
            
            scrollable: true
        });
    }
    
    
    this.overlay.show();
    Please help me solve this problem.

    P.S. Sorry for my English.

  2. Add the layout property in the panel's config and set it to 'fit'. Below is an example working on my computer.

    Code:
    var button = Ext.create('Ext.Button', {
          text: 'Button',
          id: 'rightButton'
     });
    
    
     Ext.create('Ext.Container', {
         fullscreen: true,
         items: [
             {
                  docked: 'top',
                  xtype: 'titlebar',
                  items: [
                      button
                  ]
              }
         ]
     });
    
    
     var test = Ext.create('Ext.List', {    fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    });
    
    
    
    
     Ext.create('Ext.Panel', {
         items: [
                     test
                 ],
         left: 0,
         padding: 10,
         width: 300,
         height:100,
         layout:'fit',
     }).showBy(button);

  3. #2
    Sencha User
    Join Date
    Apr 2012
    Location
    Toronto, Canada
    Posts
    92
    Answers
    20
    Vote Rating
    12
    iSmartDevice is on a distinguished road

      1  

    Default


    Add the layout property in the panel's config and set it to 'fit'. Below is an example working on my computer.

    Code:
    var button = Ext.create('Ext.Button', {
          text: 'Button',
          id: 'rightButton'
     });
    
    
     Ext.create('Ext.Container', {
         fullscreen: true,
         items: [
             {
                  docked: 'top',
                  xtype: 'titlebar',
                  items: [
                      button
                  ]
              }
         ]
     });
    
    
     var test = Ext.create('Ext.List', {    fullscreen: true,
        itemTpl: '{title}',
        data: [
            { title: 'Item 1' },
            { title: 'Item 2' },
            { title: 'Item 3' },
            { title: 'Item 4' }
        ]
    });
    
    
    
    
     Ext.create('Ext.Panel', {
         items: [
                     test
                 ],
         left: 0,
         padding: 10,
         width: 300,
         height:100,
         layout:'fit',
     }).showBy(button);

  4. #3
    Sencha User
    Join Date
    May 2012
    Location
    Belarus, Gomel
    Posts
    42
    Answers
    3
    Vote Rating
    -1
    dmitryfisko is an unknown quantity at this point

      0  

    Default


    Thank you very much.

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi