简单示例
效果图:
JSP:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <% String path = request.getContextPath(); %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>开发平台3</title> <link href="<%=path%>/static/ext-4.2.1/resources/css/ext-all.css" rel="stylesheet" /> <script src="<%=path%>/static/ext-4.2.1/bootstrap.js"></script> <script src="<%=path%>/static/ext-4.2.1/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function(){ var viewport = Ext.create('Ext.Viewport', { id: 'border-example', layout: 'border', //Ext.create('Ext.panel.Panel', { // width: 500, // height: 300, // title: 'Border Layout', // layout: 'border', items: [{ title: 'North', region: 'north', // position for region xtype: 'panel', height: 100, collapsible: true, margins: '0 0 5 0', items: [{ contentEl: 'north' }] } ,{ //title: 'South Region is resizable', region: 'south', // position for region xtype: 'panel', height: 30, split: true, // enable resizing margins: '0 0 0 0' } ,{ // xtype: 'panel' implied by default title: 'West Region is collapsible', region:'west', xtype: 'panel', split: true, margins: '0 0 0 0', width: 200, collapsible: true, // make collapsible id: 'west-region-container', layout: 'fit' },{ title: 'Center Region', region: 'center', // center region is required, no width/height specified xtype: 'panel', layout: 'fit', margins: '0 0 0 0' }]//, //renderTo: Ext.getBody() }) }); </script> </head> <body> <div id="north" class="x-hide-display"> <c:out value='${stauts}'/><br /> 你好:${user.username} <a href="<%=path%>/logout">退出</a> </div> </body> </html>
相关推荐
Ext4.2是Linux操作系统中广泛使用的文件系统之一,它在前代Ext3的基础上进行了大量改进,以提供更高的性能、可扩展性和可靠性。这个核心包很可能是针对Linux内核的一个更新,旨在增强对Ext4.2文件系统的支持。以下是...
EXT4.2 MVC范例代码主要展示了如何在编程中应用EXT4.2框架与MVC(Model-View-Controller)设计模式相结合的方式进行项目开发。EXT4.2是一款流行的JavaScript库,专门用于构建富客户端应用程序,它提供了丰富的UI组件...
前端开发技术ExtJs 4.2 中文API,网页形式描述,使用者可以输入关键字查找描述信息,传入参数信息等。
Ext4.2可增删树例子是一个针对Ext框架的扩展,特别优化了对树形结构进行动态添加和删除节点的功能。在传统的Ext中,一旦树结构建立,其leaf属性(表示节点是否为叶子节点)通常是静态的,不易于在运行时进行修改。...
ext4.2.jsb2 智能提示文件
标签中的"ext4.2"和"extjs4.2"都是指ExtJS的4.2版本,而"登陆"和"登录"是同义词,代表用户验证其身份的过程。通常,登录界面会包含用户名和密码字段,有时还有记住我、忘记密码等功能,以及登录按钮。登录界面的设计...
3. **布局管理**:EXT.js4.2使用布局管理器来定义组件如何在页面上排列,提供了多种布局方式,如卡片布局、网格布局、盒子布局等。 4. **主题定制**:提供了多种预设主题和灵活的样式系统,支持自定义主题和风格,...
Ext4.2 MVC 实例 源码 grid tree layout。。。
【标题】"ext4.2文档"所涉及的是Linux文件系统中的一种,即EXT4(Fourth Extended File System)。EXT4是EXT3文件系统的后继者,设计时考虑了更大的存储需求和更高的性能。它在现代Linux发行版中广泛使用,为用户...
ext4.2.1 完整包资料文档下载。
### ext4.2学习之路:深入理解Ext JS 4.2框架 #### 一、Ext JS 4.2概述 Ext JS是一款强大的企业级富客户端Web应用程序开发框架,基于JavaScript和HTML5技术,用于构建高性能的桌面和移动Web应用程序。Ext JS 4.2...
在Ext JS 4.2.6.1811中,经典主题可能包含以下关键特性: 1. **响应式布局**:虽然经典主题的设计主要是面向桌面应用,但4.2.x版本已经开始考虑移动设备的适应性,通过使用响应式布局策略,使得应用程序可以在不同...
在本场景中,我们关注的是在Ext JS 4.2版本中如何将grid的数据导出为Excel文件,这是一项常见的需求,以便用户可以对数据进行离线分析或存储。 标题"ext 4.2 grid导出excel 文件"指的是使用Ext JS 4.2版本的grid...
本文将深入探讨如何基于Ext4.2版本实现一个简单的TreePanel demo,结合数据库进行后台的数据操作,包括增、删、改、查功能。这对于初学者来说是一个很好的起点,能够帮助理解如何将前端UI与后端数据服务相结合。 ...
由于项目的需要最近在学习ext,在项目中必不可少用到了tree,并且要对tree进行增、改、删的操作。上网找了很多不错的学习资料把这些功能组织在一起。在学习ext的过程中花了不少时间,我想很多网友刚开始学习ext的...
"ext4.2 日历日期控件,可以选择时分秒"是一个专门针对这个需求的组件,它允许用户在网页应用中方便地选择日期、时间和秒数。这个控件是EXTJS库的一个组成部分,EXTJS是一个基于JavaScript的富客户端应用框架,广泛...
4.2.3 版本是该库的一个重要更新,特别是在4.2系列中,它修复了超过200个已知的Bug,极大地提高了稳定性和用户体验。这个版本被高度推荐,因为它不仅解决了之前版本的问题,还为开发者提供了更可靠的开发平台。 1. ...
从spket IDE 官网下载。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4,需要ext4.2.1.jsp2文件。
2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者,并为开发者屏蔽了大量跨浏览器方面的处理。相对来说,EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。
Ext4.2资源包,并附有一个拆线图的小demo例子,可动态配置