需要的资源

  1. ExtJS4.2
  2. eclipse

开发环境搭建

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

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

测试页面代码：

<%@ page language="java" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>ExtJs 演示</title>

<link rel="stylesheet" type="text/css"

    href="./extjs/resources/css/ext-all.css" />

<link rel="stylesheet" type="text/css" href="./theme/theme.css" />

</head>

<body>

    <script type="text/javascript" src="./extjs/ext-all-debug.js"></script>

    <script type="text/javascript" src="./extjs/locale/ext-lang-zh_CN.js"></script>

    <script type="text/javascript">

        Ext.onReady(function() {

            Ext.Msg.alert('Info', 'This is a test!');

        });

    </script>

</body>

</html>

　

测试结果：

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

<script type="text/javascript" src="./extjs/ext-all-debug.js"></script>

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启动，试了下效果不是很好，不建议使用。

ExtJS4.x 开发环境搭建的更多相关文章

  1. eclipse+spket+Extjs4.2.1开发环境搭建

    一.开发工具配置   1.http://www.eclipse.org/downloads/下载Eclipse,解压.         2.http://spket.com/download.html ...

  2. python开发环境搭建

    虽然网上有很多python开发环境搭建的文章,不过重复造轮子还是要的,记录一下过程,方便自己以后配置,也方便正在学习中的同事配置他们的环境. 1.准备好安装包 1)上python官网下载python运 ...

  3. IntelliJ IDEA安装及jsp开发环境搭建

    一.前言 现在.net国内市场不怎么好,公司整个.net组技术转型,就个人来说还是更喜欢.net,毕竟不是什么公司都像微软一样财大气粗开发出VS这样的宇宙级IDE供开发者使用,双击sln即可打开项目, ...

  4. Qt for Android开发环境搭建及测试过程记录

    最近学习了Qt的QML编程技术,感觉相较于以前的QtGUI来说更方便一些,使用QML可以将界面与业务逻辑解耦,便于开发. QML支持跨平台,包括支持Android平台,因此可以使用Qt的QML进行An ...

  5. node.js之开发环境搭建

    一.安装linux系统 (已安装linux可跳此步骤) 虚拟机推荐选择:VirtualBox 或者 Vmware (专业版永久激活码:5A02H-AU243-TZJ49-GTC7K-3C61N) 我这 ...

  6. TODO：小程序开发环境搭建

    TODO:小程序开发环境搭建 1.第一步当然是要先注册小程序了 2.登录到小程序 a)完善小程序信息,如名称,图标,描述 3.绑定开发者 4.获取AppID,并设置服务器信息 5.下载并安装开发者工具 ...

  7. Eclipse中Python开发环境搭建

    Eclipse中Python开发环境搭建  目 录  1.背景介绍 2.Python安装 3.插件PyDev安装 4.测试Demo演示 一.背景介绍 Eclipse是一款基于Java的可扩展开发平台. ...

  8. Windows 10 IoT Serials 1 - 针对Minnow Board MAX的Windows 10 IoT开发环境搭建

    目前,微软针对Windows IoT计划支持的硬件包括树莓派2,Minnow Board MAX 和Galileo (Gen 1和Gen 2).其中,Galileo (Gen 1和Gen 2)运行的是 ...

  9. Eclipse swt开发环境搭建

    原料: eclipse swt.下载链接为: Eclipse 4.6.2 Release Build: 4.6.2 配置说明: Developing SWT applications using Ec ...

随机推荐

  1. Java基础——clone()方法浅析

    一.clone的概念 clone顾名思义就是复制, 在Java语言中, clone方法被对象调用,所以会复制对象.所谓的复制对象,首先要分配一个和源对象同样大小的空间,在这个空间中创建一个新的对象.那 ...

  2. ionic icons and splash

    ionic 用cordova  可以直接设置自己的icons ,不用修改默认的图片了 1.在自己的根目录下新建一个文件夹 如icons 2.然后在icons文件夹下再建一个iOS 文件夹存放所需要的图 ...

  3. ionic ngcordova camera

    拍照是經常用到的,所以記錄一下 拍照的代碼... 1. ionic start camera blankcd camera ionic platform add ios 2. 添加插件,這裏很熟悉.. ...

  4. WP8_给图片、按钮设置自定义图片

    工程目录下新建文件夹Images,将图片文件复制到Images文件夹里,本文以image1为例 1).在xaml里加背景图片 image图片: <Stretch="Fill" ...

  5. java实验报告三 敏捷开发与XP

    20145306 java 实验三 实验报告 实验内容 1.git下载结对同学的代码 2.修改结对同学的代码 3.实现代码重构 实验步骤 新建存储空间 git下载代码 将修改后的代码上传 上传结果 重 ...

  6. Android IOS WebRTC 音视频开发总结（五一）-- 降噪基本原理

    文章主要介绍噪声消除,文章来自博客园RTC.Blacker,支持原创,转载必须说明出处,欢迎关注微信公众号blacker,更多详见www.rtc.help ---------------------- ...

  7. myeclipse关闭properties文件自动转义

    1.如图,源代码是这样: 2.保存后重新打开变成这样: 3.解决方法如下:

  8. 缓存一致性（Cache Coherency)入门

    作者: Fabian “ryg” Giesen  来源: infoq 参考原文:http://fgiesen.wordpress.com/2014/07/07/cache-coherency/ 本文是 ...

  9. SqlServer将表中数据复制到另一张表

    insert into phone2(ph,attr,type,carrier) select top 1000 ph,attr,type,carrier from phone 将表phone的字段和 ...

  10. 用户 'sa' 登录失败。 (Microsoft SQL Server，错误: 18456)

    今天登陆数据库的时候,却忽然登陆了不了,并且提示了这样的错: 解决方法: 1.用Windows身份登录数据库 2.安全性==>登录名==>双击sa 3.重设密码 4.状态==>登录: ...