floating windows, drag and drop and google 地图s
日期：2014-05-17 浏览次数：20727 次
树形结构代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ext2.2 Demo</title>
? ?<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
?<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
?<script type="text/javascript" src="extjs/ext-all.js"></script>
?
??? <script src="Ext.ux.GMapPanel.js"></script>
<script>
?Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
?Ext.onReady(function(){
?????? var viewport = new Ext.Viewport({
??????????? layout:'border',
??????????? items:[
??????????????? new Ext.BoxComponent({ // raw
??????????????????? region:'north',
??????????????????? el: 'north',
??????????????????? height:32
??????????????? }),
??????????????? new Ext.BoxComponent({ // raw
??????????????????? region:'south',
??????????????????? el: 'south',
??????????????????? height:32
??????????????? }),
??????????????? {
??????????????????? region:'west',
??????????????????? id:'west-panel',
??????????????????? title:'Menu',
??????????????????? split:true,
??????????????????? width: 200,
??????????????????? minSize: 175,
??????????????????? maxSize: 400,
??????????????????? collapsible: true,
??????????????????? margins:'0 0 0 5',
??????????????????? layout:'accordion',
??????????????????? layoutConfig:{
??????????????????????? animate:true
??????????????????? },
??????????????????? items: [
??????????????????? ?{
???????????????????????? contentEl: 'west',
???????????????????????? title:'TreeDemo',
???????????????????????? border:false,
???????????????????????? iconCls:'nav'
??????????????????? ?},
??????????????????? ?{
???????????????????????? title:'Settings',
???????????????????????? html:'<p>Some settings in here.</p>',
???????????????????????? border:false,
???????????????????????? iconCls:'settings'
??????????????????? ?}
??????????????????? ]
??????????????? },
??????????????? new Ext.TabPanel({
??????????????????? region:'center',
??????????????????? id:'tabs',
??????????????????? deferredRender:false,
??????????????????? activeTab:0,
??????????????????? defaults: {autoScroll:true},
??????? ???enableTabScroll:true,
??????? ???resizeTabs:true, // turn on tab resizing
??????????????????? items:[{
??????????????????????? contentEl:'content',
??????????????????????? title: 'Welcome',
??????????????????????? autoScroll:true
??????????????????? }]
??????????????? })
???????????? ]
??????? });
???????
???????
??????? //var loader=new Ext.tree.TreeLoader({
??//?url:"treedata.js"
??//});
??var root=new Ext.tree.AsyncTreeNode({
???id:"root",
???text:"Examples",
???hrefTarget:"_blank",
???leaf:false,
???children:[{
????id: 1,
????text: 'Floating Windows Example',
????children:[{id:2,text:'Hello World Window Example',href:"hello.html",hrefTarget:"content",leaf:true}
????]
????},
????{
????id: 5,
????text: 'Drag and Drop Example',
????children:[{id:6,text:'Grid to Grid Drag and Drop Example',href:"dnd_grid_to_grid.html",hrefTarget:"content",leaf:true}
????]
????},
????{
????id: 7,
????text: 'Sliding Windows Example',
????children:[{id:7,text:'GMap Window Example',href:"gmap.html",hrefTarget:"content",leaf:true}
????]
????}
???]
??});
??var tree=new Ext.tree.TreePanel({
???id:"0",
???title:"Extjs静态树",
???renderTo:"
