(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 实例 示例 实例 示例 ext 实例 示例 实例 示例
内含丰富的ext实例,以及实例源码。想要学习ext或是要使用ext却没有过多的时间学习的同学可以考虑下载该帮助你学习和完成你想要的功能。
ext实例 ext操作步骤,页面布局,创建窗口,ext基本表格介绍,
java ajax ext实例;java ajax ext实例;java ajax ext实例
EXT 实例免费下载! EXT 实例免费下载! EXT 实例免费下载!
struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例struts2+ext实例
EXT实例+JSON
ext实例一个很好的ext学习 ext实例一个很好的ext学习
资源很不错,里面包含许多有用的知识点,希望对大家有帮助
Ext实例讲解 适合自学者 初学者 绝对实用!!
ext实例-合同查询管理 Ext JS is a cross-browser JavaScript library for building rich internet applications. High performance, customizable UI widgets Well designed, documented and extensible ...
1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看...
DHTMLX实例。DHTMLX结合EXT的使用,很不错的效果..
一个完整的ext实例,.net版的。因为太经典,所以不敢私藏,就拿出来和大家一起分享。
ext 在开发网页上功能强大。ext 实例大全包含网页设计中所需用到得常用组件,如Grid,Form,Tabs等等的开发应用实例。
本篇是关于Ext.Ajax + Ext.FormPanel + MySQL数据库的完整登录案例,一个是html的form表单,一个是Ext的FormPanel表单,在提交或结合Ext.Ajax多少还是有区别的.
跟着老师做了一个Ext的项目以后总结的例子。新手做项目足够了,包含了Ext的所有的基本问题。
一个简单EXTJS实例,适合初学者,VS2008工程,基于EXTJS2.0。
Ext实例项目 Ext实例项目 Ext实例项目 Ext实例项目 Ext实例项目
ext后台经典实例,可进行增、删、改、查等各种操作