Results 1 to 4 of 4

Thread: Load local HTML page in Tabpanel

  1. #1
    Sencha User
    Join Date
    Jun 2010
    Location
    Trivandrum, India
    Posts
    7

    Post Load local HTML page in Tabpanel

    Hi,
    I am new to the Ext-js. So don't know whether the answer for this question is already available in this forum or not.
    I have a TabPanel in my html page

    TabPanel
    --------------
    var tabPanel = new Ext.TabPanel({
    id:'doc-body',
    region:'center',
    margins:'0 5 5 0',
    resizeTabs: true,
    minTabWidth: 135,
    tabWidth: 135,
    plugins: new Ext.ux.TabCloseMenu(),
    enableTabScroll: true,
    activeTab: 0
    });
    And I wanted add a new tab in to the Tabpanel using the following method.

    addTab Method
    -------------
    function addTab(tabTitle, targetUrl){
    tabPanel.add({
    title: tabTitle,
    iconCls: 'tabs',
    autoLoad: {url: targetUrl, callback: this.initSearch, scope: this},
    closable:true
    }).show();
    }
    Call 'addTab('Welcome Page','./welcome.html')' method will add a tab to the tabpanel , but it will not load the page.
    'welcome.html' is a local page and it's content is a simple paragraph as shown below.

    welcome.html
    --------------
    <p>Welcome<p>

    Thanks in advance for ur help.

  2. #2
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    534

    Default

    I'm 99% sure you need to use ManagedIFrame to load external HTML content. At least that's the only way I managed to get it to work.

    See: http://www.sencha.com/forum/showthread.php?104484-TabPanel-Dynamic-Content-deferredRender&p=490011#post490011

  3. #3
    Sencha User
    Join Date
    Jun 2010
    Location
    Trivandrum, India
    Posts
    7

    Default

    Thanks for ur reply.. i will try this..

  4. #4
    Sencha User
    Join Date
    Jun 2010
    Location
    Trivandrum, India
    Posts
    7

    Default

    I tried with ManagedIFrame..and it was success.. thanku..............

Similar Threads

  1. TabPanel calling Ajax page (html), with GridPanel inside page
    By yajetechnologies in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 24 Sep 2012, 11:33 PM
  2. How To load html Page
    By saravanan.sbm in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 6 Apr 2009, 1:01 AM
  3. Replies: 10
    Last Post: 11 Mar 2009, 12:54 AM
  4. Html page in TabPanel
    By crmd009 in forum Ext 2.x: Help & Discussion
    Replies: 8
    Last Post: 10 Mar 2009, 12:44 AM
  5. TabPanel problem - load html page with javascript
    By dekely in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 28 Dec 2008, 4:58 AM

Posting Permissions

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