mytree.js

一个简单的Ext例子

var test = "test";
var tabPanel = null;
function addTab(tabTitle){
	tabPanel.add({
	    title:tabTitle,
	    iconCls:'tabs',
           autoLoad: {url: 'http://www.google.cn', callback:this.initSearch,scope:this},
	    closable:true
	}).show();
}
Ext.onReady(function(){
	var item=null;
	var conn = Ext.lib.Ajax.getConnectionObject().conn; 
	conn.open("GET", 'http://localhost:8080/MyWeb/test.jsp',false); 
	conn.send(null); 
	var myData = Ext.util.JSON.decode(conn.responseText);
	item = eval(myData);
	var left = new Ext.Panel({
		//renderTo:"hello",
		region:'west',
		title:"Menu Selected",
		width:200,
		layout:"accordion",
		layoutConfig:{
			animate:true,
			activeOnTop:true	//这个属性值得深讨
		},
		items:item
	});
	test="ljm";
	tabPanel = new Ext.TabPanel({
		region:'center',
		deferredRender:false,
		autoScroll:true,
		margins:'0 4 4 0',
		items:[{id:'tab1',contentEl:'tabs',title:'Main',closable:false,autoScroll:true}]
    });
    viewport = new Ext.Viewport({
		layout:'border',
		items:[left,tabPanel]
    });
	//alert(left.find('title','menu1')[0].getId());
});