,,Exjs 入门篇

Extjs是从yui-ext开发的一组ajax控件，它是一个完整的富客户端解决方案。ext-all.js因为功能齐全，有400多K(最新的extjs3.2.0有600多K)，被认为是基于js和css的功能实现。对客户端机器的性能也有一定的要求，比如缺乏对ie6以下版本的支持。

看到Extjs这么华丽的界面，突然有种莫名的学习冲动！

让我们开始Extjs的学习吧(我也是新手。希望你能提出本文的问题)。《Hello World》是当今编程语言的经典入门节目。很多教材用‘Hello World’带领我们进入一个奇妙的编程世界。

在使用Extjs框架开发应用程序之前，必须将Extjs资源包导入到您的项目中。Extjs开发包的最新版本是3.2.0，可以在www.extjs.com/download.的Extjs官网下载，下载后解压，解压后的结构图如下所示。

下载完Extjs开发包，我们就可以开发Extjs了。首先，我们打开VS2008并构建一个新项目。我把它命名为Com。KimiYang.Web项目完成后，将刚刚解压的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 World”。当用户打开页面时，会弹出一个对话框，显示Hello World。复制代码如下：% @ page language=' c# ' autoeventtwireup=' true ' code behind=' default . aspx . cs ' inheriters=' com . ki miyang . web . _ default ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-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=' style sheet ' type='} ext . on ready(openMsg)；/script/headbydyformid=' form 1 ' runat=' server ' div/div/form/body/html执行上面的代码，会出现下面的效果。

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

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

相关文章阅读