extjs与struts开发的项目
步骤
1、导入extjs有关的目录文件
2、登录页面.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代码
- Ext.onReady(function(){
- var accordion = new Ext.Panel({
- title: "功能分组",
- layout: "accordion",
- layoutConfig: {
- animate: true
- },
- width: 250,
- minWidth: 100,
- region: "west",
- split: false,
- collapsible: true,
- items: [
- {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},
- {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},
- {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}
- ]
- });
- new Ext.Viewport({
- title: "Viewport",
- layout: "border",
- defaults: {
- bodyStyle: "background-color: #FFFFFF;",
- frame: true
- },
- items: [
- accordion,
- {region:"north", height:100},
- {region:"center"}
- ]
- });
- });
<!-- 主页面 -->
<!-- <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地址文件
转载于:https://my.oschina.net/ldm95/blog/725971