Ext2.0学习入门
上一篇 /
下一篇 2008-05-15 22:45:01
/ 个人分类:Ext2.0
无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和简单了解HTML的文档对象模型(document object model ,DOM)。
一、下载Ext(http://extjs.com/downloads)
因应各种的下载需求,有几种不同的可选项。通常地,最稳定的版本,是较多人的选择。下载解包后,那个example文件夹便是一个探索Ext的好地方!
1、下载示例文件 :IntroToExt2.zip
Zip包里有三个文件:ExtStart.html, ExtStart.js和ExtStart.css。解包这三个文件到Ext的安装目录中(例如,Ext是在“D:\Program Files\ext-2.1”中,那应该在"ext-2.1"里面新建目录“tutorial”。双击ExtStart.htm,接着你的浏览器打开启动页面,应该会有一条消息告诉你配置已完毕。如果出现了Javascript错误,请按照页面上的指引操作。
现在在你常用的文本编辑器或者EditPuls中,打开ExtStart.js看看。
Ext.onReady(function() {
alert("Congratulations! You have Ext configured correctly!");
});
Ext.onReady可能是你接触的第一个也可能是在每个页面都要使用的方法。这个方法会在DOM加载全部完毕后,保证页面内的所有元素能被Script引用(reference)之后调用。你可删除alert()那行,加入一些实际用途的代码试试。
二、Element:Ext的核心
导入论坛
引用链接
收藏
分享给好友
推荐到圈子
管理
举报
TAG: