http://www.iteye.com/topic/647849
环境搭建:
步骤:下载ExtJS--> 部署ExtJS-->测试ExtJS
下载ExtJS: 官方地址 ,ExtJS v3.2.0 或者 我的项目CMS4G中下载ExtJS v3.2.0
部署ExtJS: (最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了) 把ExtJS部署到任何联网可以访问的地方,你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录),比如我的项目CMS4G中的位置:ExtJS v3.2.0
测试ExtJS: 编写html文件测试ExtJS:WebRoot/examples/extjs/testExtJS.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>测试ExtJS部署</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" />
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"></script>
<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
});
</script>
</head>
<body></body>
</html>
关于上面两个js文件的引用,我想应该是 debug版本的js
一定要是先写base的js在前面
分享到:
相关推荐
1、下载解压缩之后,使用Eclipse导入该工程 2、然后export该工程为war档,并且把war档放到你本地Tomcat的webapps目录下 3、在Tomcat的bin目录启动Tomcat服务器 4、打开IE在地址栏输入...
在开始你的第一个Ext JS测试项目时,你需要确保正确地引入了Ext JS库。通常,这涉及到在HTML文件中添加一个链接到Ext JS的CDN或者本地副本的`<script>`标签。例如: ```html <script src="path/to/ext-all.js"> ```...
#### 三、创建第一个Ext程序 接下来,我们通过一个简单的例子来展示如何使用Ext来构建Web应用。 ##### 1. 创建JSP文件 首先创建一个名为`index01.jsp`的文件,用于加载Ext库和自定义JavaScript文件。示例代码如下...
【标题】"ext5第一部分"的描述虽然简略,但可以推测这可能是指Linux文件系统EXT5的第一部分内容。EXT5是Linux内核中的一个拟议的文件系统扩展,尚未正式发布,通常我们所说的EXT系列文件系统指的是EXT2、EXT3、EXT4...
这种类型的教程通常会从基础知识开始,如安装环境、创建第一个Ext应用,然后逐步深入到更复杂的概念和技术,如使用模型(Model)、存储(Store)和视图(View)进行数据管理,以及如何使用布局(Layouts)来组织组件...
EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window
#### 四、编写第一个Ext4.0应用 1. **创建Hello World应用**:在WebRoot目录下建立一个名为`helloworld.js`的文件,输入Ext4.0的`application`配置代码,定义应用名称和启动函数,创建一个带有标题和内容的`Viewport...
- **环境搭建与项目初始化**:指导如何安装配置开发环境,并创建第一个Ext JS项目。 #### 第2章:基础组件与布局 - **基本组件介绍**:详细介绍Ext JS提供的各种UI组件,如按钮、文本框等。 - **布局管理器**:...
6. **编写第一个Ext JS组件**: 在`<script>`标签内的`Ext.onReady`回调函数中,你可以开始编写你的Ext JS代码。例如,创建一个基本的面板: ```javascript Ext.create('Ext.container.Viewport', { layout: 'fit...
1. 下载并安装Ext2Read,注意提供的压缩包文件名为`ext2explore.exe`,这通常是一个可执行文件。 2. 安装完成后,运行程序,选择需要访问的Linux分区。 3. 在程序界面中,你可以看到类似Windows资源管理器的布局,...
:一旦下载完成,可以通过简单的HTML引入EXT库,然后创建你的第一个EXT应用,例如一个基本的窗口或面板。 - Element:Ext的核心:EXT中的Element是处理DOM元素的关键对象,提供了丰富的DOM操作方法,如选择、操作...
但有一些第三方工具可以帮助我们解决这个问题,其中之一就是Ext2Fsd。Ext2Fsd是一个免费的开源软件,专门设计用于Windows系统上读/写Linux的EXT2、EXT3和EXT4文件系统。 **Ext2Fsd的主要功能:** 1. **读写支持**...
:为初学者提供了快速入门指南,包括设置基本的HTML环境,引入EXT库,以及创建第一个EXT应用。 3. Element:EXT中的Element是操作DOM(文档对象模型)的基础,Element对象提供了丰富的API来处理DOM元素的样式、事件...
第一章通常会介绍EXT的环境设置和基础用法,包括如何引入EXT库、创建第一个EXT应用以及了解EXT的基本对象和类结构。 第二章至第四章可能涉及EXT的组件体系,详细讲解各种组件的创建、配置和使用方法,例如窗口...
EXT JS 中的 MessageBox 是一个非常实用的组件,它用于创建各种类型的对话框,如警告、确认和提示。下面我们将详细探讨 EXT JS 中 MessageBox 的几个主要方法: 1. `Ext.MessageBox.alert()` `alert()` 方法用于...
EXT核心API详解(第一部分)将涵盖以下几个关键概念: 1. **Ext类**:EXT JS的核心类库始于`Ext`对象,它提供了许多基础功能,如事件处理、动画效果和实用工具方法。`Ext.ClassManager`负责类的创建和管理,允许...
三、编写第一个EXT程序 为了实践EXT,首先需要下载教程中的示例文件,包括ExtStart.html、ExtStart.js和ExtStart.css,将这些文件放置于EXT的安装目录下。打开ExtStart.html,确保配置正确无误,如果遇到JavaScript...
- **入门指南**:介绍如何设置开发环境,以及创建第一个EXT.NET应用程序的基本步骤。 - **组件参考**:详细说明每个组件的属性、方法、事件,以及如何在代码中使用它们。 - **示例代码**:提供大量实例,展示如何...
EXT3.0 alpha 版本可能是指EXT3的一个早期开发版本,通常alpha版本是软件开发过程中的第一个公开测试版本,可能存在较多bug和不稳定因素。而EXT2.21可能是EXT2文件系统的某个更新版本,EXT2是EXT3的前身,不包含日志...
1. **可视化设计**:EXT Designer提供了一个直观的拖放界面,允许用户通过直接操作控件来布局和配置界面元素,无需编写任何代码。这使得没有编程经验的设计师也能参与到EXT应用的UI设计中。 2. **自定义组件**:在...