1. #1
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
    saravanan.sbm is on a distinguished road

      0  

    Default Problem: Html Page loading in Tab

    Problem: Html Page loading in Tab


    Hi all

    Am new to Extjs. I used this example,

    http://extjs.com/learn/Tutorial:TabPanel_Basics

    to create tab and load pages in tab.

    But the pages are not loaded in tab. It keep on showing the load symbol. I dont know the problem? (for page loading)

    Saravanan

  2. #2
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,712
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    Sounds like the load fails, check out the response in FireBug. Ext won't automatically show "loading failed" or so...

  3. #3
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
    saravanan.sbm is on a distinguished road

      0  

    Default uncaught exception Error- Html page loading in tab panel

    uncaught exception Error- Html page loading in tab panel


    Hi
    this is the error caught while creating tab in center panel. It is creating tab but not
    loading the html content in it.


    uncaught exception: Access to restricted URI denied (NS_ERROR_DOM_BAD_URI)
    file:/adapter/ext/ext-base.js
    Line 9


    Can U help me out this.

    Saravanan

  4. #4
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,712
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    Sounds like you're trying to access a URL from a different domain, what's the URL?

  5. #5
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
    saravanan.sbm is on a distinguished road

      0  

    Default Simple Html Page

    Simple Html Page


    NO, Only simple html page(sample.html) which contains text.

    Other html page which contains forms created using extjs


    saravanan

  6. #6
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,712
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    Ok, post your code, in CODE tags

  7. #7
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
    saravanan.sbm is on a distinguished road

      0  

    Default My code

    My code


    Code tag means?


    My html page code....

    <div id="west">
    <div id="file-manager">

    <ul id="actions">
    <li>
    <a id="link0" href="#" link="sample0.html">Link1</a>
    </li>
    <!--<li>
    <a id="link1" href="#" link="sample1.html">Link 2</a>
    </li>-->
    </ul>

    </div>



    js code


    function addTab(tabId, tabTitle, targetUrl) {
    tabPanel.add({
    title: tabTitle,

    id: tabId,
    autoLoad: {url: 'targetUrl', scope: this,scripts:true, text: "loading ..."},


    }},
    closable:true
    }).show();
    }

    // Update the contents of a tab if it exists, otherwise create a new one
    function updateTab(tabId, title, url) {
    var tab = tabPanel.getItem(tabId);
    if (tab) {
    tab.getUpdater().update(url);
    tab.setTitle(title);
    } else {
    tab = addTab(tabId, title, url);
    }
    alert(url);

    tabPanel.setActiveTab(tab);
    }





    function doAction(e, t){
    e.stopEvent();
    updateTab(t.id, t.text, t.attributes['link'].nodeValue);
    }

    // This must come after the viewport setup, so the body has been initialized
    mainMenuPanel.body.on('mousedown', doAction, null, { delegate:'a' });
    adminMenuPanel.body.on('mousedown', doAction, null, { delegate:'a' });


    saravanan

  8. #8

  9. #9
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
    saravanan.sbm is on a distinguished road

      0  

    Default Problem : Loading Html Page in tab panel

    Problem : Loading Html Page in tab panel


    What is the problem for that. In downloaded examples also it is not loading the html pages



    Saravanan

  10. #10
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
    saravanan.sbm is on a distinguished road

      0  

    Default AutoLoad

    AutoLoad


    This is the link i refer to code. Even this code also doesnt load html page.(Just copy & paste). But creating panel and tabs.

    http://extjs.com/learn/Tutorial:TabPanel_Basics


    I have used this code to create panel and links

    It is creating tab panel but not loading the html page

    Saravanan

Thread Participants: 3