extjs與struts開發的項目

步驟

一、導入extjs有關的目錄文件

二、登陸頁面.jsp提交action後返回main.jsp頁面

main.jsp頁面中導入extjs須要的頁面(ext-all.css\ext-all.js\ext-lang-zh_CN.js),接着導入全部本身用extjs框架寫的js文件

在main.js文件中

Ext.Viewport表明瀏覽器窗口的整個顯示區域，將document body做爲渲染對象，它會根據瀏覽器窗口的大小自動調整自身的尺寸。
 在一個頁面中只容許出現一個Viewport實例，沒有提供對滾動條的支持。

 

Js代碼 

 

1. Ext.onReady(function(){  
2.     var accordion = new Ext.Panel({  
3.         title: "功能分組",  
4.         layout: "accordion",  
5.         layoutConfig: {  
6.             animate: true  
7.         },  
8.         width: 250,  
9.         minWidth: 100,  
10.         region: "west",  
11.         split: false,  
12.         collapsible: true,  
13.         items: [  
14.             {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},  
15.             {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},  
16.             {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}  
17.         ]  
18.     });  
19.       
20.     new Ext.Viewport({  
21.         title: "Viewport",  
22.         layout: "border",  
23.         defaults: {  
24.             bodyStyle: "background-color: #FFFFFF;",  
25.             frame: true  
26.         },  
27.         items: [  
28.             accordion,  
29.             {region:"north", height:100},  
30.             {region:"center"}  
31.         ]  
32.     });  
33. });  

 

<!-- 主頁面 -->
        <!-- <script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
        <script type="text/javascript" src="../scripts/ux/initGSMapPnl.js"></script> -->

<script src="http://api.map.baidu.com/api?v=2.0&ak=363daUeZXCcLakLuDO4rdkgC"></script>

這個文件是使用百度地圖的api地址文件