说明
人们发现了Ext JS后，便急不迫待地投入到使用——这是很常见的事，但却还没搞清楚，如何设置一张首页。
本数程就是告诉您页面大抵是怎样构成的，所以测试者可直接套用这模版（复制&粘贴）。
index.html的标签元素
页面是这样的：
<!-- 最好不要设置的文件头，避免IE的问题 -->
<html>
<!-- 每份有效的HTML应符合标准，为此head标签不能少 -->
<head>
<!-- 下面一行规定了本页面是UTF-8格式编码的。 -->
<!-- 应一句俗话：“用了UTF-8，走遍天下都不怕”，意思是说UTF是一种囊括了世界多种语言的编码标准，无论客户终端，各平台架构都可放心地使用。这样，就要统一页面和数据交换的字符本身都是UTF-8的。-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Ext自带的样式表，由于脚本中须引用这些样式的定义，所以必须在声明语句的次序上，做到“样式优先”：放在script标签之前。 -->
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<!-- 接着就是你准备好的CSS样式 -->
<!-- 居最先位置的是适配器（adapter）脚本……-->
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<!-- ……然后Ext为本身，这足是供调试用debug的版 -->
<script type="text/javascript" src="ext/ext-all-debug.js"></script>
<!-- 以下是你项目用到脚本 -->
<!-- 设置页面的标题（可不填） -->
<title id="page-title">Title</title>
<!-- 之所以引入以下script标签是为了说明Ext.onReady在页面程序中的必要性。不过你可以在外围的脚本文件中包含它，那么这里就可以不重复了 -->
<script type="text/javascript">
// 修改该空白背景图的路径，指向你服务端一个有效的图片路径。
Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';
// 程序总入口
Ext.onReady(function() {
// 调用程序吧！
});
</script>
<!-- 关闭head标签 -->
</head>
<!-- 大多数情况body 为空的，这点与普通页面的body很不同。 -->
<body></body>
<!-- 最后关闭的html标签 -->
</html>
分享到：
相关推荐
通过理解和实践这个“HelloWorld”程序，你将对ExtJS的基本架构和组件系统有初步认识，为后续的复杂应用开发打下基础。同时，这也只是一个起点，ExtJS提供的强大功能远不止于此，例如数据网格、表单、图表、工具提示...
### ExtJS4基础教程知识点 #### 1. ExtJS4开发环境搭建 ExtJS4是使用JavaScript进行开发的框架，专门用于构建富互联网应用（RIA）。搭建ExtJS开发环境需要预先安装一些软件和配置开发环境。以下步骤详细介绍了如何...
extjs初体验 适合extjs初学者 extjs版本为4.2.1 结构简单 适合入门
在ExtJS入门教程中，首先需要掌握的是如何获取ExtJS库文件。用户可以通过ExtJS官方网站提供的下载链接获取到最新的ExtJS库文件，下载的文件是一个压缩包，解压后可以看到包含的文件和目录。其中主要的文件包括...
1、基于ExtJS 5.1版本实现，采用Neptune样式风格，中文语言； 2、使用全新的MVVM模式架构，面向对象写法； 3、全系统只有一个index.html界面，登录框也封装成独立的视图组件； 4、通过实现角色管理、用户管理两个...
### ExtJs 入门知识点详解 #### 一、ExtJs简介与核心概念 - **ExtJs**是一款基于JavaScript的企业级富客户端应用开发框架，它提供了一系列丰富的UI组件和功能强大的工具，使得开发者能够轻松地创建出高质量的Web...
但总体上，EXTJS入门教程提供了一个全面的EXTJS框架介绍，包括基础概念、使用方法以及如何构建一个基础的应用程序。通过这个教程，即使是初次接触EXTJS的开发者也可以快速上手，并开始构建自己的Web应用程序。
本工程涵盖了 Ext Js Modern 开发的各方面的基础知识， 比如开发环境搭建， 项目结构详解， 如何使用 api， 数据的增删查该基本示例， 以实际操作为主，非常好的入门项目 本书的各章节之间有一定的知识关联， 由浅至...
通过这个"ExtJS-4.1.1a-gpl+中午手册+入门教程"，开发者可以获得全面的学习资源，快速上手ExtJS开发，并利用其强大的功能构建高质量的Web应用程序。记得查阅文档以获取详细的API信息和示例代码，这对深入理解和使用...
这篇笔记主要介绍了EXTJS的入门步骤，特别关注了EXTJS 4.1.0-beta-1版本的配置和运行。 首先，我们需要下载EXTJS的库文件。在这里，作者选择了EXTJS 4.1.0-beta-1版本，但你可以根据需求选择其他版本。下载完成后，...
在提供的代码示例中，`Ext.MessageBox.alert`函数被用来显示一个警告对话框，这是EXT中的一个基础组件，展示了如何在实际应用中使用EXT的API。 6. **页面结构**： 示例HTML模板中，`@ViewBag`和`@RenderSection`...
extjs入门简介，讲解基础的概念和架构图。供新手快速入门
首先，让我们从“ExtJS入门教程(超级详细).pdf”开始。这个教程为初学者提供了全面的指导，涵盖了ExtJS的核心概念，包括组件系统、布局管理、数据绑定、事件处理和Ajax交互等。组件系统是ExtJS的基础，允许开发者...
《EXTJS入门案例详解》 EXTJS是一款基于JavaScript的富客户端应用框架，它提供了一整套组件和工具，用于构建功能强大的Web应用程序。本篇将通过详细的案例介绍EXTJS的基本用法，帮助初学者快速入门。 首先，我们来...
- **布局管理**：理解如何利用 ExtJS 内置的布局管理器（如 `BoxLayout`, `CardLayout` 等）对容器内的组件进行布局设置。 - **事件绑定**：学习如何为组件绑定事件处理器，例如点击按钮触发特定操作。 #### 五、...
在"我自己写的Extjs入门教程"这个压缩包中，可能包含的文件可能有HTML示例文件、JavaScript代码文件、CSS样式文件，甚至可能有图片资源。这些文件将帮助你理解并实践教程中的每个步骤，通过阅读和修改代码，你可以...
在“ExtJS入门教程(超级详细)”中，你可以期待学习到以下几个核心知识点： 1. **基本概念**：首先，了解ExtJS的基本架构和工作原理，包括MVC（Model-View-Controller）模式、组件模型和事件处理机制。 2. **安装与...
首先，我们要了解ExtJS的基础知识。这包括学习ExtJS的架构、事件模型、布局管理、组件系统以及数据绑定。在ExtJS中，每个UI元素都是一个组件，它们可以通过组合和配置来创建复杂的用户界面。事件模型允许组件之间...