Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Problem: Html Page loading in Tab

  1. #1
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
      0  

    Default 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 Premium User mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    3,077
    Vote Rating
    184
      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
      0  

    Default 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 Premium User mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    3,077
    Vote Rating
    184
      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
      0  

    Default 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

  7. #7
    Ext User
    Join Date
    Mar 2009
    Posts
    57
    Vote Rating
    0
      0  

    Default 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
      0  

    Default 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
      0  

    Default 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

Page 1 of 2 12 LastLast

Posting Permissions

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