Results 1 to 3 of 3

Thread: View not appearing. Grid Tabpanel

  1. #1
    Sencha User
    Join Date
    Aug 2013
    Posts
    65
    Answers
    1
    Vote Rating
    0
      0  

    Default Answered: View not appearing. Grid Tabpanel

    Dear experts.
    Could you please help me with this.
    I am trying to implement tabpanel with Grid.

    What is happening is, the tabpanel appears momentarily, but it disappears immediately and shows a blank page. is it somehow overriding my Viewport.

    Here is my structure of viewport.js
    Code:
    Ext.define('Report.view.Viewport', {
        extend: 'Ext.container.Viewport',
        layout: 'fit',
        requires:[
              'Report.view.Leverage','Report.view.tab.OuterTab'    
           ],
        initComponent: function () {
     
        this.items = [
              {
                  xtype: 'panel',
                  title: 'Duration Reports',
                  height: 5,
                  region: 'north',
                  closable: false,
                  hidden: false,
                  contentEl: 'headerContent'
              },
              {
                  xtype : 'leveragetab',
                  region : 'center'
              },
              {
                  xtype : 'panel',
                  region : 'south'
              }
          
             ];
        console.log("view editor was rendered");
              this.callParent(arguments);
        }
    });
    here is my definition of OuterTab which uses alias as leveragetab that I am using in the center part of layout.

    Code:
    Ext.define('Report.view.tab.OuterTab', {
        extend: 'Ext.tab.Panel',
        id: 'leverageTab',
        alias: 'widget.leveragetab',        
        width: 400,
        height: 300,
        defaults: {
            bodyPadding: 10,
            autoScroll: true
        },
        items: [{
            title: 'Active Tab',
            html: 'hi'
        }, {
            title: 'Inactive Tab',
            html: 'hi'
        }, {
            title: 'Disabled Tab',
            disabled: true
        }]
    });

  2. Thanks for the follow up. Sometimes the simple things will get you

  3. #2
    Sencha User
    Join Date
    Aug 2013
    Posts
    65
    Answers
    1
    Vote Rating
    0
      0  

    Default I found the answer.

    It was something to do with the layout.
    I am defining the layout as 'fit', when I changed it to border, it worked.

    Thanks for looking anyway.



  4. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,409
    Answers
    716
    Vote Rating
    505
      0  

    Default

    Thanks for the follow up. Sometimes the simple things will get you

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •