1. #1
    Sencha Premium Member
    Join Date
    Aug 2011
    Location
    Bangalore, INDIA
    Posts
    51
    Vote Rating
    0
    StutiAwasthi is on a distinguished road

      0  

    Default Answered: Defining toolbar outside the tabpanel and retrieving it inside tabpanel's items Ext4

    Answered: Defining toolbar outside the tabpanel and retrieving it inside tabpanel's items Ext4


    Hi . . .
    I am trying to define the toolbar outside the tabpanel in which it is supposed to be docked at the top.
    I don't know how to retrieve it inside the tabpanel's items.
    Following is the way i tried inside the tab, but the toolbar doesn't appear on the tab.
    items : [new Ext.toolbar.Toolbar(tb)]
    please suggest the correct way.

    CODE SNIPPET:

    tb=Ext.create('Ext.toolbar.Toolbar', {
    contentEl: 'tb',
    dock: 'top',
    items: [
    {
    xtype: 'combobox',
    width: 183,
    fieldLabel: 'Search Results By'
    },
    {
    xtype: 'textfield',
    width: 69
    // fieldLabel: ''
    },
    {
    xtype: 'button',
    text: 'Search',
    cls : "x-btn-text-icon",
    handler : function() {
    CDD.ManageFunction.filterGrid(grid,filterBySelect.getEl().value, searchString.getEl().value);
    }
    },
    {
    xtype: 'button',
    text: 'Clear',
    icon : 'images/icons/reset.gif',
    handler : function() {
    cancelGrid();
    }
    },
    {
    xtype: 'tbtext',
    text: 'Note: Right click on Column to sort'
    }
    ]
    });

  2. If I understand correctly, you want your toolbar displayed in the tab, correct? If so, try the following instead of items:

    Code:
    xtype: 'tabpanel',
    tbar: tb
    This toolbar will be displayed at the top of every one of your tabs.

    Now if you want to retrieve the toolbar from the tabpanel to be used in one of your tabs (for whatever reason, adding items to it, etc..), give your toolbar an itemId such as:

    Code:
    Ext.create('Ext.toolbar.Toolbar',{
      itemId: 'my_toolbar',
      etc......
    })
    whatever_panel_I_want_to_get_the_toolbar_for.getDockedComponent('my_toolbar').

  3. #2
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Answers
    3
    Vote Rating
    0
    arcan9ne is on a distinguished road

      0  

    Default


    If I understand correctly, you want your toolbar displayed in the tab, correct? If so, try the following instead of items:

    Code:
    xtype: 'tabpanel',
    tbar: tb
    This toolbar will be displayed at the top of every one of your tabs.

    Now if you want to retrieve the toolbar from the tabpanel to be used in one of your tabs (for whatever reason, adding items to it, etc..), give your toolbar an itemId such as:

    Code:
    Ext.create('Ext.toolbar.Toolbar',{
      itemId: 'my_toolbar',
      etc......
    })
    whatever_panel_I_want_to_get_the_toolbar_for.getDockedComponent('my_toolbar').

  4. #3
    Sencha Premium Member
    Join Date
    Aug 2011
    Location
    Bangalore, INDIA
    Posts
    51
    Vote Rating
    0
    StutiAwasthi is on a distinguished road

      0  

    Default


    Thank you . . .

Thread Participants: 1

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