I am trying to call a project I exported with designer 1.2 in a tab in another project. I try to update the tab with the HTML and scripts that work separately. It doesn't cause any errors, but I only get a blank page:
newHTML =
"<!DOCTYPE html>" +
"<!-- Auto Generated with Ext Designer -->" +
"<!-- Modifications to this file will be overwritten. -->" +
"<html>" +
"<head>" +
" <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />" +
" <title>OrderHistory.xds</title>" +
" <link rel='stylesheet' type='text/css' href='/extjs/resources/css/ext-all.css'/>" +
" <script type='text/javascript' src='/extjs/ext-all-debug.js'></script>" +
"<script type='text/javascript'>" +
"Ext.Loader.setConfig({" +
" enabled: true" +
"});" +
"Ext.application({" +
" name: 'test'," +
" appFolder: '/WebForms/test/app', " +
" launch: function() {" +
" Ext.QuickTips.init();" +
+
" var cmp1 = Ext.create('test.view.MyViewport', {" +
" renderTo: Ext.getBody()" +
" });" +
" cmp1.show();" +
" }" +
"});" +
" </script>" +
"</head>" +
"<body>" +
"</body>" +
"</html>" ;
I don't like the delay in loading the applicaitons, but this works. I'll have to re-develop using architect to do away with this happy fun. I defined three iframe elements and set the contentEl property of each tab panel to the id of each iFrame. I then set the iframe.src to the URL of the secondary designer 1.2 project exports.
-------------
<div class="x-hide-display">
<iframe id="ifSalesHistory" src="about:blank" height="100%" width="100%" scrolling="no"></iframe></div>
<div class="x-hide-display">
<iframe id="ifSalesTools" src="about:blank" height="100%" width="100%" scrolling="no"></iframe></div>
<div class="x-hide-display">
<iframe id="ifSalesGap" src="about:blank" height="100%" width="100%" scrolling="no"></iframe></div>
Calling another Ext applicaiton in tab
Reply With Quote