1. 19 Feb 2010 8:04 AM #1
    gudurivenugopal
    gudurivenugopal is offline
    Ext User
    Join Date
    Feb 2010
    Posts
    2
    Vote Rating
    0
    gudurivenugopal is on a distinguished road
      0  

    Exclamation Problem in loading the extjs contained html file in tab load of tabpanel

    Problem in loading the extjs contained html file in tab load of tabpanel


    tabs.html
    -----------------
    <!
    DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <    html>
    <    head>
    <    metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
    <    title>Tabs Example</title>
    <    linkrel="stylesheet"type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/>
    <scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script>
    <scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script>

    <scripttype="text/javascript">

    Ext.onReady(
    function(){

    var tabs2 = new Ext.TabPanel({
    renderTo:     'tabs2',
    activeTab: 0,
    width:600,
    height:250,
    plain:    true,
    defaults:{autoScroll:     true},
    items:[
    {
    title:     'Ajax Tab 1',
    autoLoad:'test1.html'
    }
    ,
    {
    title:     'Ajax Tab 2',
    autoLoad: {url:     'piechart.html', params: 'foo=bar', scripts: true}
    }

    ]
    });


    });

    </
    script>
    </    head>
    <    body>

    <
    divid='tabs2'></div>
    </    body>

    </    html>

    In this iam able to dispaly the simple html file without any script i.e test1.html,but unable to display the piechart.html which is having script files




    test1.html
    ----------------------------
    <!
    DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <    html>
    <    head>
    <    metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
    <    title>Insert title here</title>
    <    linkrel="stylesheet" type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/>

    <scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script>

    <scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script>
    </    head>
    <    body>
    <    h1>Hi..</h1>
    </    body>

    </    html>
    piechart.html
    -----------------------------
    <!
    DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <    html>
    <    head>
    <    metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
    <    title>Pie Chart</title>

    <!-- base library -->

    <linkrel="stylesheet"type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/>


    <!-- overrides to base library -->



    <!-- ** Javascript ** -->

    <!-- ExtJS library: base/adapter -->

    <scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script>

    <!-- ExtJS library: all widgets -->

    <scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script>

    <scripttype="text/javascript"src="js/pie-chart.js"></script>

    </head>

    <body>

    <divid='container'></div>

    </body>

    </html>

    </    html>
    Reply With Quote Reply With Quote
  2. 19 Feb 2010 8:06 AM #2
    gudurivenugopal
    gudurivenugopal is offline
    Ext User
    Join Date
    Feb 2010
    Posts
    2
    Vote Rating
    0
    gudurivenugopal is on a distinguished road
      0  

    Default


    Quote Originally Posted by gudurivenugopal View Post
    tabs.html
    -----------------
    <!
    DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <    html>
    <    head>
    <    metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
    <    title>Tabs Example</title>
    <    linkrel="stylesheet"type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/>
    <scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script>
    <scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script>

    <scripttype="text/javascript">

    Ext.onReady(
    function(){

    var tabs2 = new Ext.TabPanel({
    renderTo:     'tabs2',
    activeTab: 0,
    width:600,
    height:250,
    plain:    true,
    defaults:{autoScroll:     true},
    items:[
    {
    title:     'Ajax Tab 1',
    autoLoad:'test1.html'
    }
    ,
    {
    title:     'Ajax Tab 2',
    autoLoad: {url:     'piechart.html', params: 'foo=bar', scripts: true}
    }

    ]
    });


    });

    </
    script>
    </    head>
    <    body>

    <
    divid='tabs2'></div>
    </    body>

    </    html>

    In this iam able to dispaly the simple html file without any script i.e test1.html,but unable to display the piechart.html which is having script files




    test1.html
    ----------------------------
    <!
    DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <    html>
    <    head>
    <    metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
    <    title>Insert title here</title>
    <    linkrel="stylesheet" type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/>

    <scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script>

    <scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script>
    </    head>
    <    body>
    <    h1>Hi..</h1>
    </    body>

    </    html>
    piechart.html
    -----------------------------
    <!
    DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <    html>
    <    head>
    <    metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
    <    title>Pie Chart</title>

    <!-- base library -->

    <linkrel="stylesheet"type="text/css"href="ext-3.1.0/resources/css/ext-all.css"/>


    <!-- overrides to base library -->



    <!-- ** Javascript ** -->

    <!-- ExtJS library: base/adapter -->

    <scripttype="text/javascript"src="ext-3.1.0/adapter/ext/ext-base.js"></script>

    <!-- ExtJS library: all widgets -->

    <scripttype="text/javascript"src="ext-3.1.0/ext-all-debug.js"></script>

    <scripttype="text/javascript"src="js/pie-chart.js"></script>

    </head>

    <body>

    <divid='container'></div>

    </body>

    </html>

    </    html>
    Plz help
    Reply With Quote Reply With Quote