需要的资源

  1. ExtJS4.2
  2. eclipse

开发环境搭建

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

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

测试页面代码：

  1. <%@ page language="java" pageEncoding="utf-8"%>
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  3. <html>
  4. <head>
  5. <title>ExtJs 演示</title>
  6. <link rel="stylesheet" type="text/css"
  7.     href="./extjs/resources/css/ext-all.css" />
  8. <link rel="stylesheet" type="text/css" href="./theme/theme.css" />
  9. </head>
  10. <body>
  11.     <script type="text/javascript" src="./extjs/ext-all-debug.js"></script>
  12.     <script type="text/javascript" src="./extjs/locale/ext-lang-zh_CN.js"></script>
  13.  
  14.     <script type="text/javascript">
  15.         Ext.onReady(function() {
  16.             Ext.Msg.alert('Info', 'This is a test!');
  17.         });
  18.     </script>
  19. </body>
  20. </html>

　

测试结果：

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

  1. <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. MVC ckeditor的基本使用

    之前在自己的WebForm练习项目里面用到过ckeditor,时隔蛮久后,今天再一次把ckeditor运用到MVC里面,用于最近着手开发的企业站的新闻动态的内容之新增与修改. 找到的资料都说要把下载的 ...

  2. vyos (一)　基础配置

    http://www.lowefamily.com.au/2015/11/29/using-a-vyos-router-with-hyper-v/1/ http://thomasvochten.com ...

  3. 使用py2exe打包你的py程序

    软件环境:python3.3.4 + PyQt5 使用py2exe打包写好的py文件,过程如下: 在你要打包的代码文件(比如sample.py)的同文件夹建立一个python代码文件(比如setup. ...

  4. 智能手机取证利器再进化-UFED Cloud Analyzer

    智能手机在现代人生活中,和钱包,钥匙一样,成了不可或缺的生活必需品,举凡食衣住行育乐都需要携带随身使用,因此,智能手机里所存放的,就是一个人的生活缩影,只是人们多半不自知智能手机竟是如此贴心的为你/妳 ...

  5. dig out secrets beneath AirSig

    My sister installed AirSig last week. She is so exciting about this new techknology and she won't st ...

  6. C# 常用小技巧

    int? id 表示id是可以为null的整型 跟Nullable<int> id 是一样的 id ?? 1等于 id==null?1:id;

  7. 使用select io复用实现超时设置

    在linux的socket编程中,经常会遇到超时设置的问题,例如请求方如果在Ks内不发送数据则服务器要断开连接停止服务.这里我使用select的io复用实现超时5s设置,具体代码片段如下: fd_se ...

  8. s3c6410_uboot中的代码重定位（nand->sdram）

    本文仅探讨s3c6410从nand flash启动u-boot时的代码重定位过程 参考: 1)<USER'S MANUAL-S3C6410X>第二章 MEMORY MAP 第八章 NAND ...

  9. MyEclipse中使用debug调试程序

    最基本的操作是:       1.首先在一个java文件中设断点,然后debug as-->open debug Dialog,然后在对话框中选类后--> Run       当程序走到断 ...

  10. 观察者（observer）设计模式

    转载:http://www.tracefact.net/CSharp-Programming/Delegates-and-Events-in-CSharp.aspx 假设我们有个高档的热水器,我们给它 ...