(26)ExtJS之面板Panel的autoLoad配置
2014-03-12 22:34
281 查看
//2.使用autoLoad配置项为面板加载远程页面,主要是用autoLoad配置项设置要加载的远程页面url地址,同时展示面板折叠和滚动的效果: //实验证明只显示"测试代码"四个字,显示主体部分 Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'面板加载远程页面', height:150,//设置面板的高度 width:250,//设置面板的宽度 frame:true,//渲染面板 autopScroll:true,//允许展开和收缩 renderTo:Ext.getBody(), bodyPadding:5, autoLoad:'base/page1.html',//自动加载面板的默认连接 bodyStyle:'background-color:#FFFFFF',//设置面板体的背景色 autoScroll:true }); });
JSP页面:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'JS1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- extjs的样式文件 --> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"> <!-- extjs的核心文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script> <!-- 国际化文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="base/013_Panel.js"></script> </head> <body > </body> </html>
相关文章推荐
- Extjs学习总结之13面板panel
- extjs-gridPanel面板-实例
- ExtJS专题(五):ExtJS面板Panel的使用
- (28)ExtJS之在Panel中使用html配置项自定义面板的内容
- ExtJs4 笔记 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- Extjs gridPanel可复制配置(转)
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- (29)ExtJS之Panel面板锚定位中的百分比定位
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJS Panel主要配置列表
- (30)ExtJS之Panel面板锚定位中的偏移值定位
- EXTJS tabpanel配置
- (31)ExtJS之Panel面板锚定位中的参考边定位
- [ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
- ExtJS专题(六):ExtJS面板Panel中工具栏Toolbar的使用
- 导航面板[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJs 入门教程十一[网格面板:GridPanel]
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJS专题(七):ExtJS面板Panel中视图区ViewPort的使用