Results 1 to 2 of 2

Thread: Adding tabs with content-load from an url to a tabpanel

  1. #1
    Sencha User
    Join Date
    Aug 2010

    Default Adding tabs with content-load from an url to a tabpanel

    I have the following problem by adding tabs with content-load from an url to a tabpanel:

    var tabPanel = new Ext.TabPanel({
    autoScroll: true

    var viewport = new Ext.Viewport({
    items: [tabPanel]
    region: 'west',
    collapsible: false,
    xtype: 'tabpanel',
    title: 'Menu',
    xtype: 'treepanel',
    loader: new Ext.tree.TreeLoader(),
    root: new Ext.tree.AsyncTreeNode({
    expanded: true,
    children: [{
    text: 'Test',
    id: '../admin/customerBranch_index.htm',
    leaf: true
    rootVisible: false,
    listeners: {
    click: function(n) {
    title: n.attributes.text,
    autoLoad: {url:, scripts: true, scope: this},

    I have a viewport with a treepanel as menu in the west and a tabpanel as maincontent panel in the center.
    When you click on an item in the treepanel in the menu, a new tab in the center-tabpanel shall be created with content from an url.

    The strange problem:
    When I click the first time, everything is ok and the new tab is created with the correct content.
    But when I click another time, the tab is created correctly again, but with empty content and the content from the url is rendered in the body of the first tab.

    What might be the problem here, any ideas?

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL


    That is very odd as there isn't anything that sticks out to me that is a problem.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:

    Posts are my own, not any current, past or future employer's.

Posting Permissions

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