Exjs初学者

看到Extjs如此华丽的界面，突然有一种莫名的学习冲动！ext是一组从yui-ext开发的ajax控件，这是一个完整的富客户端解决方案。由于功能齐全，ext-all.js有400多k(最新的extjs3.2.0有600多k)，被认为是基于js和css的，对客户端机器的性能也有一定的要求，比如不支持ie6以下的版本。下面开始Extjs的学习(我只是在学习，希望大家能提出文中的问题)。《你好，世界》是当今编程语言的经典入门程序。很多教科书用《Hello World》带领我们进入精彩的编程世界。在使用Extjs框架开发应用程序之前，必须将Extjs资源包导入到项目中。Extjs开发包最新版本为3.2.0，可从Extjs官网下载，网址为www.extjs.com/download.下载后解压，解压后的结构图如下。

下载Extjs的开发包后，就可以开发Extjs了。首先，我们打开VS2008并构建一个新项目。我将把它命名为Com。项目完成后，将刚刚解压缩的Extjs开发包复制到项目中。目录适配器、资源和文件ext-all.js必须复制到项目中。我在项目的根目录中创建了一个新的文件夹Extjs3.2.0，然后将上面的文件夹和文件复制到Extjs3.2.0文件夹中，目录结构如下图所示：。

现在我们开始编写‘Hello World’程序，直接写在Default.aspx页面上，打开default.aspx页面。要使用Extjs开发应用程序，仅仅将Extjs开发导入到项目中是不够的，还需要参考页面中相应的文件。核心文件有三个：resources/css/ext-all.css(控制接口样式，会直接导致页面混乱而不引入二级样式)、adapter/ext/ext-base.js和ext-all.js(这两个文件包含了Extjs的所有功能)。除了以上三个文件，还必须为中国开发者介绍一个文件：以上文件按顺序引用，否则会导致程序错误。以下是“你好世界”代码。当用户打开页面时，会弹出一个对话框，显示Hello Wold。复制代码如下：% @ page language=' c# ' autoeventreut=' true ' code behind=' default . aspx . cs ' inherits=' com . kimiyang . web . _ default ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head runat=' server ' title no title page/title link href=' Ext js 3 . 2 . 0/resources/CSS/Ext-all . CSS ' rel='样式表' type='} ext . onready(OpenMSg)；/script/head body form id=' form 1 ' runat=' server ' div/div/form/body/htm执行上述代码，将出现以下效果。

首先定义了一个方法openMsg，这个方法的作用是弹出一个Extjs的对话框。Ext.onReady()是Extjs的入口，Ext.onReady中的函数在Extjs的框架加载完成后才会执行。