im having a hard time learning ExtJS. inspite of the fact that almost everywhere it was mentioned that it was the easiest compared to others like DOJO.
what iam trying to create is a simple tree (NO MVC.. just a simple tree).
heres my javascript code..
Ext.create('Ext.tree.Panel', {
renderTo: Ext.getBody(),
title: 'Simple Tree',
width: 150,
height: 150,
root: {
text: 'Root',
expanded: true,
children: [
{
text: 'Child 1',
leaf: true
},
{
text: 'Child 2',
leaf: true
},
{
text: 'Child 3',
expanded: true,
children: [
{
text: 'Grandchild',
leaf: true
}
]
}
]
}
});
and only something like a panel is being rendered on the body.
html is this
<body>
<div>
</div>
</body>
what am i doing wrong?
UPDATE:-
1.whole of the javascript here is placed in the page after the body tag.
2. im including bootstrap.js jsvascript file that is bundeled with ExtJS download.
Ext.create()function should have been called insideExt.onReady()otherwise some elemnts are rendered and others are not