My code is for html page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Ext Documentation Center</title>
<link rel="stylesheet" type="text/css" href="ext-1.1/docs/resources/collapser.css"></link>
<link rel="stylesheet" type="text/css" href="ext-1.1/docs/resources/docs.css"></link>
</head>
<body scroll="no" id="docs">
<script type="text/javascript" src="ext-1.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-1.1/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="ext-1.1/resources/css/ext-all.css" />
<script type="text/javascript" src="docs.js"></script>
<div id="classes">
</div>
</body>
</html>
for javascript is :
var Docs = function(){
var layout, center;
return {
init : function(){
var root = new Ext.tree.TreeNode({text:'root'});
var tree = new Ext.tree.TreePanel('classes',
{containerScroll: true,rootVisible:true,animate:false});
root.appendChild( new Ext.tree.TreeNode({text: 'f1',id:'f1',leaf: true}));
tree.setRootNode(root);
tree.render();
root.expand(false,false);
}
};
}();
Ext.onReady(Docs.init, Docs, true);
Thanks,
Blr