首先下载ExtJS开发发布包,创建web工程之后,将关键的核心资源拷贝到项目中,主要包括有ext-all.js,adapter/ext/ext-base.js,src/locale/ext-lang-zh_CN.js和整个resources目录(注意:这是目录的名字是带有"s"结尾的,引入的时候千万别错了,笔者就犯了这个错误).还有一个 特别注意的地方,
<script type="text/javascript" src="resource/ext-base.js"></script>一定要导入在<script type="text/javascript" src="resource/ext-all.js"></script>之前,否则将报错.
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="resource/resources/css/ext-all.css"><!--
<script type="text/javascript" src="resource/ext-base.js"></script>
<script type="text/javascript" src="resource/ext-all.js"></script>
<script type="text/javascript" src="resource/ext-lang-zh_CN.js"></script>
<title>ExtJS 自学历程</title>
<script >
Ext.onReady(function(){
Ext.MessageBox.alert('helloworld','hello word.');
});
</script>
</head>
<body>
ExtJS学习的第一页<br>
</body>
</html>
分享到：
相关推荐
本文档旨在详细介绍如何在 Windows 操作系统环境下搭建 Extjs 的开发环境，并通过 Spket 实现代码智能提示功能，最后通过一个简单的 HelloWorld 示例来验证环境搭建的成功。 #### 二、安装与配置 Java 环境 1. **...
下面将详细介绍如何搭建一个适合ExtJS开发的Eclipse环境。 1. **下载与安装Eclipse** 首先，你需要从Eclipse官方网站下载最新版本的Eclipse IDE for JavaScript and Web Developers。根据你的操作系统选择合适的...
这段代码引入了ExtJS的核心库，并在`onReady`事件中调用了`Ext.Msg.alert`，显示一个包含"Hello"文本的消息框。此示例展示了ExtJS的简单用法，同时让我们熟悉了开发流程。 **ExtJS的基本概念** - **组件...
### ext环境搭建 #### 知识点概览 1. **Eclipse 集成开发环境简介** 2. **EXT JS 简介** 3. **EXT JS 的安装与配置** 4. **EXT JS 库的下载与集成** 5. **Eclipse 中 EXT JS 库的配置** 6. **项目创建与测试** ##...
本文将详细介绍EXTJS 3.4的开发前准备，包括EXTJS的基本知识、下载、开发环境的搭建以及开发工具的选择。 1. EXTJS 下载与版本结构 EXTJS 3.4可以从官方下载...
创建一个名为helloworld.js的JavaScript文件，定义一个EXTJS应用，创建一个容器组件，并在其中放置一个具有标题和内容的Panel。同时，创建一个helloworld.html文件，引入EXTJS的CSS和JavaScript库以及自定义的hello...
在开始使用ExtJS4进行开发之前，我们需要做一些基础的准备工作，确保开发环境已经搭建好，并且能够顺利地运行第一个ExtJS4程序。 ##### 1. 浏览器兼容性 ExtJS4支持大部分主流浏览器，包括从IE6到最新版本的Chrome...
保存并运行`helloworld.html`，浏览器中应显示出一个带有标题“Hello Ext”和内容“Hello! Welcome to Ext JS.”的面板。 ### 1.4 常用方法 在ExtJS中，`Ext.onReady`和`Ext.application`是两个非常重要的方法。`...
### 在MyEclipse中搭建ExtJS开发环境 #### 一、引言 随着RIA（Rich Internet Application，富互联网应用）技术的发展，用户对于Web应用的需求不再仅限于基本的交互功能，而更倾向于具备丰富用户体验的应用。ExtJS...
环境配置完成后，通过在浏览器中访问http://localhost:8080/Ext4/index.html和http://localhost:8080/Ext4/docs/index.html，可以分别查看ExtJS的示例和API文档，确保环境搭建成功。 教程中展示了如何编写简单的...
在开发环境搭建完成后，可以创建一个简单的ExtJS4应用来入门学习。示例如下： - **创建helloword.js**：这个JavaScript文件将包含ExtJS应用的初始化代码，定义了一个名为HelloExt的应用，并在应用启动时创建了一个...
- **搭建学习环境**：确保已安装MyEclipse和Tomcat。在MyEclipse中创建一个新的Web项目，名为Extjs4，并将EXTJS4.0.7压缩包解压后的所有文件复制到Webroot目录下。官方示例程序位于Examples目录，包括PHP代码。启动...
如果一切顺利，你会看到一个欢迎界面，这表明环境已成功搭建。同时，可以通过`http://localhost:8080/Ext4/docs/index.html`查看API文档，以及`http://localhost:8080/Ext4/examples/index.html`浏览示例页面。 ...
- 访问 `[http://localhost:8080/Ext4/index.html](http://localhost:8080/Ext4/index.html)` 测试环境是否搭建成功。 - 查看 API 文档：`[http://localhost:8080/Ext4/docs/index.html]...
如果能看到ExtJS的欢迎界面，那么环境就已经搭建完成。 学习ExtJS 4时，查阅API文档至关重要。你可以通过`http://localhost:8080/Ext4/docs/index.html`访问本地的API文档，了解每个类、方法和属性的详细信息。同样...
#### 二、搭建Extjs4学习环境 - **所需工具**：MyEclipse和Tomcat。 - **步骤**： - 在MyEclipse中新建一个Web Project项目，命名为`Extjs4`。 - 将下载的Extjs4.0.7压缩包解压，并将所有文件复制到项目的Webroot...