简单示例
效果图：
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例子，可动态配置