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:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

我的栏目

日历

« 2008-07-04  
  12345
6789101112
13141516171819
20212223242526
2728293031  

数据统计

  • 访问量: 52
  • 日志数: 1
  • 建立时间: 2007-12-14
  • 更新时间: 2008-05-15

RSS订阅

Open Toolbar