1.下载ext-4.2.1-gpl.zip
2.解压后,放到webapp下,(已经去掉一些目录)
3.jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% 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>登录</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"> function init() { Ext.MessageBox.alert("ExtJS", "Hello ExtJS"); } Ext.onReady(init); </script> </head> <body> </body> </html>
4.访问效果
5.说明
ext-all.css会引入经典样式文件
bootstrap.js 引导js在“开发时”会引入ext-all-dev.js文件,在生产时会引入ext-all.js,具体的看注释
ext-all-debug.js是ext-all.js的调试文件,非压缩的,
ext-all-dev.js与ext-all-debug.js的不同是,ext-all-dev.js带注释
ext-lang-zh_CN.js 中文提示信息文件
参考: