开发者社区> 长征2号> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

J2EE后台UI系统框架搭建-EXTJs使用(4.1 GPL版本)

简介:
+关注继续查看

http://www.jb51.net/article/22493.htm

********************************************************************************

整理如原文地址:http://www.cnblogs.com/animal/archive/2012/03/27/2420002.html

 

1.从http://www.sencha.com/products/extjs

下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。

 

 

最新的extjs只需要复制以下的目录:

1,根目录下:ext-all.js

2,中文包库文件:d:\我的文档\Downloads\ext-4.1.0-gpl\extjs-4.1.0\locale\ext-lang-zh_CN.js

3,copy其中的resource目录:d:\我的文档\Downloads\ext-4.1.0-gpl\extjs-4.1.0\resources\ext-all.css

 

 

*********************************************************************

目录介绍:

adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
build: 压缩后的ext全部源码(里面分类存放)。
docs: API帮助文档。
exmaples:提供使用ExtJs技术做出的小实例。
resources:Ext UI资源文件目录,如CSS、图片文件都存放在这里面。
source: 无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU (LGPL) 开源的协议。
Ext-all.js:压缩后的Ext全部源码。
ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。
ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类。
ext-core-debug.js:无压缩Ext的核心组件,包括sources/core下的所有类。

 

***********************************************************************

1.从http://www.sencha.com/products/extjs

下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。

2.解压缩文件,得到以下目录

docs目录中是说明文档

examples目录中是EXTJS的例子

locale目录中是本地化文件

resources目录中是样式文件

src目录中是EXTJS控件文件

3.使用EXTJS4

在页面头部,引用EXTJS样式文件,EXTJS文件,本地化文件

复制代码

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>学习EXTJS4</title>
<!--EXTJS样式文件-->
<link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"/>
<!--EXTJS文件-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all.js"></script>
<!--EXTJS本地化文件,会将EXTJS中的提示信息等自动转换为简体中文-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>

</head>

复制代码

注:EXTJS文件的区别:

ext-all.js:包含所有的EXTJS框架文件,已经混淆

ext-all-debug.js:包含所有的EXTJS框架文件,没有混淆

ext-all-dev.js:包含所有的EXTJS框架文件,没有混淆,且包含调试信息

ext.js:仅包含能让EXTJS运行的最小集合,已经混淆

ext-debug.js:仅包含能让EXTJS运行的最小集合,没有混淆

ext-dev.js:仅包含能让EXTJS运行的最小集合,没有混淆,且包含调试信息

bootstrap.js:自动加载ext-all.js或者ext-all-debug.js,在以下情况下会加载ext-all-debug.js

1.当前主机名是本地

2.当前主机是使用IPV4地址

3.Current protocol is a file(不好意思,我不知道怎么翻译,请会的朋友说一下)

4.其他情况下自动加载ext-all.js

4.具体实例:

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>学习EXTJS4</title>
<!--EXTJS样式文件-->
<link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"/>
<!--EXTJS文件-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all.js"></script>
<!--EXTJS本地化文件,会将EXTJS中的提示信息等自动转换为简体中文-->
<script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
<!--在页面加载完成后调用JS代码-->
Ext.onReady(function(){
<!--弹出提示信息框-->
Ext.Msg.alert('提示信息','学习EXTJS')
});
</script>
</head>
<body>


</body>
</html>



本文转自hcy's workbench博客园博客,原文链接:http://www.cnblogs.com/alterhu/archive/2012/05/06/2485913.html,如需转载请自行联系原作者。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
安装虚拟机Centos系统并安装Docker过程记录(4)
安装虚拟机Centos系统并安装Docker过程记录(4)
32 0
系统无ifconfig,一条命令获取本机ip并将其赋值给指定变量来使用
在Linux系统中,准确地获取本机IP信息是非常有用的。在写bash shell脚本事经常会用到IP,这时就需要我们使用一些办法获取本机IP并赋值给变量来使用。
1568 0
《Adobe Illustrator CS4中文版经典教程》—第0课0.7节使用实时上色
<span style='letter-spacing:1px'>本节书摘来自异步社区《Adobe Illustrator CS4中文版经典教程》一书中的第0课0.7节使用实时上色,作者【美】Adobe公司,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1430 0
CS 系统框架二
自己一直想有一个完全属于自己的编程小框架,之前使用的方式是将每一个窗体文件都编译为一个DLL文件,在新建窗体的时候首先新建一个类,然后在这个类里面新建窗体,编译之后就是一个DLL文件,最后通过一个函数去读取这个DLL文件里面的信息,包括窗体名称,版本等,最后将设个窗体Show出来,Show出来的时候是使用的WeifenLuo.WinFormsUI.Docking。
856 0
C/S 系统框架
       最近需要开发几个小项目,但是这几个小项目是独立的,我又不想分开维护,因为如果分开的话到时候越来越多,到处都是EXE文件,想要维护那真的搞死人,用户打个电话过来说XXX系统出问题了,我还要慢慢的找一下到底是哪一个系统,这一点我有亲身经历,真的是搞得人头痛。
622 0
+关注
1703
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载