`
happyqing
  • 浏览: 3155705 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext4.2环境搭建Hello world

    博客分类:
  • Ext
阅读更多

 

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

 

  • 大小: 11.1 KB
  • 大小: 3.1 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics