1. #1
    Sencha User
    Join Date
    May 2012
    Location
    Belarus, Gomel
    Posts
    38
    Answers
    2
    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
    38
    Answers
    2
    Vote Rating
    -1
    dmitryfisko is an unknown quantity at this point

      0  

    Default


    Thank you very much.

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar