（1） 增加一个按钮
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 '004_base02_ext.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">
<link rel="styleSheet" type="text/css" href="js/extjs/resources/css/ext-all.css" />
<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/test.js"></script>
</head>
<body>
<div id="button"></div>
</body>
</html>
JS:
Ext.onReady(function(){
var button = new Ext.Button({
text:"点击",
pressed:true,
height:30,
renderTo:"button",
handler:hello
});
});
function hello(){
alert('hello,world');
}
(2) 常用的用户登录界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>用户登录</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/ext-all-debug.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.widget('form', {
renderTo: Ext.getBody(),
frame: true,
width: 350,
items: [{
xtype: 'textfield',
name: 'username',
fieldLabel: '用户名',
allowBlank: false,
minLength: 6
},{
xtype: 'textfield',
name: 'password',
fieldLabel: '密码',
allowBlank: false,
minLength: 6
}],
dockedItems: [{
xtype: 'container',
dock: 'bottom',
layout: {
type: 'hbox',
align: 'middle'
},
padding: '10 10 5',
items: [{
xtype: 'button',
text: '登录',
width: 140,
handler: function() {
var form = this.up('form').getForm();
form.submit({
clientValidation: true,
url: 'login.do',
success: function(form, action) {
alert("登录成功！！");
},
failure: function(form, action) {
alert("登录出错！！！");
}
});
}
}]
}]
});
});
</script>
</head>
<body>
</body>
</html>
相关推荐
"EXT实例综合"是一个关于JavaScript库EXT的专题学习资料，主要涵盖了EXT 2.0.2版本中的ASP.NET（.aspx）环境下的应用。EXT是一个强大的JavaScript框架，专为构建富客户端Web应用程序而设计，提供了丰富的组件和数据...
"EXT实例集"是一个集合，包含了多种EXT的使用示例，对于初学者和有经验的EXT开发者来说都是一个宝贵的资源。 在EXT中，组件是构建用户界面的基础，包括表格（Grid）、面板（Panel）、窗口（Window）、菜单（Menu）...
Ext实例 Ext教程主要介绍了Ext JS的多个实例，涵盖了从基础的表格控件到复杂交互的弹出窗口。Ext JS是基于JavaScript的框架，广泛用于开发富互联网应用程序（RIA），支持多种浏览器，并对旧版IE有良好支持。Ext JS...
在给定的标题和描述中，“EXT 实例 示例 实例 示例”暗示我们将探讨EXTJS 的具体实例和用法。 首先，让我们深入了解一下EXTJS 中的树形菜单（Tree Menu）。树形菜单是EXTJS 提供的一种组件，它以层级结构展示数据，...
EXT实例通常涉及到一系列操作步骤，包括页面布局、窗口创建以及表格的使用。 **页面布局**是EXT的核心功能之一，它提供了多种布局模式来适应不同设计需求。常见的布局有： 1. **Accordion布局**：这种布局方式使得...
根据提供的信息来看，这篇文档似乎涉及的是一个名为“EXT实例”的免费下载资源。然而，由于提供的链接可能已失效或无法直接访问，我们将基于标题、描述和标签中的信息来展开相关知识点。 ### 一、EXT实例简介 ####...
标题中的"DONET下EXT实例"指的是一个使用EXTJS开发的.NET应用程序示例。 这个实例是针对初学者设计的，使用了Visual Studio 2008作为开发工具，并且基于EXTJS 2.0版本。EXTJS 2.0是一个早期的版本，但它包含了许多...
EXT实例与JSON的结合使用，通常涉及到以下几个关键步骤： 1. **创建数据模型（Model）**：EXT允许定义数据模型来描述数据结构，这有助于保持数据的一致性。例如，你可以创建一个名为`Person`的模型，包含`name`和`...
在"Java AJAX ext实例"中，我们主要探讨以下几个关键知识点： 1. **EXT.js框架**：EXT.js 提供了一整套高度可定制的组件，如窗口、面板、表格、表单等，使得开发者可以快速构建复杂的用户界面。它的组件化设计允许...
在这个"Ext实例详解 超值！！"的资源中，你将找到一系列适合自学者和初学者的教程，帮助你深入理解和掌握ExtJS的基本概念和高级特性。 首先，让我们从基础开始。ExtJS的核心是组件模型，它允许开发者通过组合各种小...
struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例
ext实例一个很好的ext学习 ext实例一个很好的ext学习
这篇博客文章的标题“gwt-ext 实例”表明，作者分享了一个关于如何在GWT项目中使用gwt-ext库的实际示例。通过这个实例，读者可以学习到如何引入gwt-ext库，创建和配置UI组件，以及如何将这些组件整合到GWT应用中。 ...
《软件开发中的EXT实例解析》 EXT是一种基于JavaScript的开源框架，主要用于构建富客户端Web应用程序。EXT库提供了丰富的组件和工具，使得开发者可以方便地创建功能强大、界面精美的BS（Browser-Server）程序，无需...
《酷力(Coolite)模仿Windows系统源码EXT实例控件详解》 在现代Web开发中，EXT框架因其强大的功能和优雅的用户界面设计而备受推崇。EXT是一个基于JavaScript的客户端应用程序开发框架，它提供了丰富的组件库，可以...
本实例“ext实例 左边是 tree 右边是grid 双击grid弹出form修改”是针对初学者的一个宝贵资源，它演示了如何将这些组件结合起来，实现交互式的数据操作。 1. **树形控件（Tree）**：在左边展示数据结构，通常用于...
ext实例-合同查询管理 Ext JS is a cross-browser JavaScript library for building rich internet applications. High performance, customizable UI widgets Well designed, documented and extensible ...
总的来说，这个压缩包提供了关于如何在实际项目中结合使用DHTMLX和EXTJS的实例。通过学习和分析这些文件，开发者可以深入理解这两个库的协同工作原理，以及如何利用它们创建功能丰富的Web应用。
【EXTJS】Ext.AJAX与FormPanel在登录案例中的应用 EXTJS是一个强大的JavaScript库，主要用于构建富客户端Web应用程序。在EXTJS中，Ext.AJAX和Ext.FormPanel是两个核心组件，它们分别用于异步与服务器进行数据交互和...
一个完整的ext实例，.net版的。因为太经典，所以不敢私藏，就拿出来和大家一起分享。