(25)ExtJS之面板Panel
2014-03-12 22:32
351 查看
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'面板头部(header)', tbar:['顶端工具栏(top toolbar)'], bbar:['低端工具栏(bottom toolbars)'], height:200, width:300, frame:true, renderTo:Ext.getBody(), bodyPadding:5, bodyStyle:'background-color:#FFFFFF', html:'面板体(body)', tools:[ {id:'toggle'}, {id:'close'}, {id:'maximize'} ], buttons:[{ text:'面板底部(footer)' }] }); });
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面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- Extjs的FormPanel、TabPanel面板
- ExtJs 关于Tabpanel与fieldset切换时 fieldset在其他tab面板无法显示
- Extjs 对tabPanel中的第一个Panel进行布局 让里面的面板具有拖拽效果
- extjs-gridPanel面板-实例
- EXTJS 面板控件panel应用
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJs之面板(Panel)学习
- (26)ExtJS之面板Panel的autoLoad配置
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- [ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJs4 笔记 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- (28)ExtJS之在Panel中使用html配置项自定义面板的内容
- ExtJS专题(五):ExtJS面板Panel的使用
- (29)ExtJS之Panel面板锚定位中的百分比定位
- Extjs学习总结之13面板panel
- ExtJs控件Panel面板的简单介绍及其小示例
- ExtJs之选项面板(TabPanel)