Ext4.2环境搭建Hello world

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 中文提示信息文件

参考:

ExtJS 4.2 教程-01:Hello ExtJS

Ext4.2.1学习历程之一:环境搭建及Hello ExtJS4.2

猜你喜欢

转载自happyqing.iteye.com/blog/2199492
今日推荐