微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ExtJS4.x 开发环境搭建

需要的资源

  1. ExtJS4.2 
  2. eclipse

开发环境搭建

在项目中国需要引用的文件

eclipse中有报错。需要处理的是ext-lang-zh_CN.js,中文编码不能识别。右键->属性->将文件编码格式改为UTF-8即可。其他错误不用管。

测试页面代码

<%@ page language="java pageEncodingutf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<htmlheadtitle>ExtJs 演示</link rel="stylesheet" type="text/css"
    href="./extjs/resources/css/ext-all.css" />
 href="./theme/theme.css" body>
    script type="text/javascript" src="./extjs/ext-all-debug.js"></script="./extjs/locale/ext-lang-zh_CN.js">

    ="text/javascript">
        Ext.onReady(function() {
            Ext.Msg.alert('Info,This is a test!);
        });
    >

 

 

测试结果:

 

 

关于引用的文件需要注意的是如下这一句:

>

extjs4.x及extjs5.x提供了四个入口文件:ext.js,ext-debug.js,ext-all.js,ext-all-debug.js。

如果采用extjs3.x及之前的传统模式开发的话一般需要使用ext-all.js或者ext-all-debug.js。这两个文件中包含了整个extjs类库的内容

如果采用extjs mvc模式开发的话这四个文件都可以使用。不同的是使用ext.js和ext-debug.js只包括支撑应用启动的核心类代码。如需要使用extjs其他功能组件的话会自动动态加载。因此在extjs应用中需要包含extjs的src包(这个包里有extjs的全部功能组件)。

名称中不包括有“-debug”的文件是压缩后的文件,可以在生产环境中使用。含有“-debug”的文件则是未压缩的文件,适于在开发环境中使用。

 

看到还有文章说可以通过bootstrap.js启动,试了下效果不是很好,不建议使用。

 

 

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐