<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ext Dependency Builder</title>
<link rel="stylesheet" type="text/css" href="inc/resources/css/ext-all.css" />
<script type="text/javascript" language ="javascript " src ="*.Script?m-core"></script>
<script type="text/javascript" language ="javascript ">
$import("org.ext.ext-core")
Ext.onReady(function(){
$import("org.ext.tabs.tabs")
var tabs = new Ext.TabPanel('tab-ct', true);
var tab1 = tabs.addTab('tab-item1', 'Home Tab');
//tabs.activate(0);
var tab2 = tabs.addTab('tab-item2', 'Tab2');
createTree("tab-item2")
tab1.on("activate",function(){
$import("org.ext.dialog.dialogs")
Ext.Msg.alert("message",this.id + "was activated!")
})
tabs.activate(1);
})
function createTree(ct){
$import("org.ext.tree.tree")
var Tree = Ext.tree;
var tree = new Tree.TreePanel(ct, {
animate:true,
loader: new Tree.TreeLoader(),
enableDD:true,
containerScroll: true,
singleExpand:true
});
var troot = new Tree.TreeNode({id:"a1",text:"datacenter",checked:true})
tree.setRootNode(troot)
for(var i = 1;i < 10; i ++){
var tnode = new Tree.TreeNode({id:"a" + i,text:"a" + i,checked:true})
troot.appendChild(tnode)
for(var j = 2; j< 10; j ++){
var tsub = new Tree.TreeNode({id:"b" + j,text:"b" + j,checked:true})
tnode.appendChild(tsub)
}
}
tree.render();
troot.expand()
}
</script>
</head>
<body>