View Full Version : Getting started with ExtJs 5

kamalakarreddy vancha
14 Apr 2014, 11:25 PM
I started the application with Extjs 5.
I tried to display the simple window.
But it is giving the errors like

ReferenceError: Ext is not defined
ex1.jsp (line 10)

TypeError: Ext.onReady is not a function
ex1.jsp (line 10)

Here is my code..

<link rel='stylesheet' href='/pnc4.1.0/resources/extjs/welcome/css/welcome.css' />
<link rel='stylesheet' href='/pnc4.1.0/resources/css/custom_css_cmc.css' />
<script type='text/javascript' src='/pnc4.1.0/resources/extjs/bootstrap-files.js'></script>
<script type='text/javascript' src='/pnc4.1.0/resources/extjs/bootstrap-manifest.js'></script>
<script type='text/javascript' src='/pnc4.1.0/resources/extjs/ext-all-rtl.js'></script>
<script type="text/javascript">
var win = Ext.create('Ext.window.Window', {
title: 'Hello',
height: 200,
width: 400,
layout: 'fit',
items: {}

Here i am attaching the inamge what i am getting(window.PNG)

Please help me to resolve this....

Kamalakar Reddy

14 Apr 2014, 11:39 PM
See: http://docs.sencha.com/extjs/5.0.0/getting_started/getting_started.html

kamalakarreddy vancha
15 Apr 2014, 12:53 AM
thanks evant for your reply....but why am getting those errors..??is there any files missed or any thing wrong with my code..??Thanks Kamalakar Reddy

15 Apr 2014, 5:48 AM
I suspect that your problem is that ExtJS isn't loaded at all.

What browser are using you?

For development IMHO Chrome is the best so if you were using it you can easily open developer's tools and see what is coming on on network and console tabs.


kamalakarreddy vancha
15 Apr 2014, 10:17 PM
I checked in chrome also..
In console it giving the errors like

Uncaught ReferenceError: Ext is not defined bootstrap-files.js:8
Uncaught TypeError: Object #<Object> has no method 'onReady' ex1.jsp:11

In network every file is loading what i mentioned in my jsp file.

What all are the files we need to develop the Extjs 5 simple application.
I mean to develop the simple application Extjs 4 we need to mention the path of ext-all-dev.js, css file.
Like this what all are the files we need to develop the Extjs 5 Simple Application..