PDA

View Full Version : blank page help



johnzen
19 Jul 2015, 7:15 PM
hi , im new to ext js and trying some examples but having bad luck due to lack on knowledge. i have the following simple example which is producing a blank page.

example is from http://docs.sencha.com/extjs/4.2.1/#!/guide/layouts_and_containers



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title id="page-title">Test</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/4.2.1/resources/css/ext-all.css"/>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/4.2.1/ext-all-debug.js"></script>
<script type="text/javascript" src="app/test.js"></script>
</head>
<body></body>
</html>


my app/test.js is this.



Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
width: 400,
height: 300,
title: 'Container Panel',
items: [
{
xtype: 'panel',
title: 'Child Panel 1',
height: 100,
width: '75%'
},
{
xtype: 'panel',
title: 'Child Panel 2',
height: 100,
width: '75%'
}
]
});


why am I getting a blank screen? please advise...
Thank youj

sinethar
20 Jul 2015, 7:11 AM
Hi,download this sample from the link https://github.com/SenchaArchitect/PortalTry to have a look at how the files are constructed and how the objects are created.see what is included in your app.js file because the index.html has to load only it. Have a look at the viewport class creation.this is a good sample project by "lojjic"have a look and you will see how the dependencies in extjs work

joel.watson
20 Jul 2015, 2:10 PM
Hi--

Do you have any JavaScript errors that are occurring? Are the CDN assets loading successfully?

Thanks!
Joel