整理的一些ExtJS学习资料

1.       ExtJs是什么？

    ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用，说白了就是让开发人员轻松地实现丰富多少的绚丽界面。

    建议使用版本Ext 2.2

 

2.       最简单的了解方式――看例子

官方例子

 

3.       ExtJs的学习方式：

API ＋ 网上资源（视频教程＋系列教程＋讨论群）

API文档链接 ：中文（中文难免有错漏，但易读，两者交互地看～） 英文

网上系列教程 ：谦虚的天下 Ext2.2学习系列:ExtJS与.NET结合开发实例

Ext教程PDF版

视频教程 ： ""132.97.64.151"software"开发必备软件"others"ExtJs"视频教程

 

4.       帮助工具

 VS2008_ExtJS智能提示插件

 FireFox ＋ Firebug

 

5.       开始逐步了解ExtJs

a．    Ext结构图

        

     乍一眼看上去有好多，好乱，但其实我们的平常使用并不需要把全部都学会才能用，重点的控件有：布局（Layout），Grid， tree， panel， form， menu 。我今天想重点讲讲前4个控件。

 

b．    ExtJS入门

可以参考文章

ExtJs基础

ExtJs入门

 

c．    控件说明（重点）

a)         布局（Layout）

    关于布局Layout的几种模式

b)        Panel

有panel tabpanel window 3种方式

他们都有本质都是一个面板，但是具体应用的不同产生了不同的特性。

panel参数含义及例子   window tabnel

重点的参数是载入方式，将在下一部分说说

这里估计大家会体会到ExtJs控制之间的一些关系，下面的Grid控件这种特性更强烈。

c)        Grid

一般重点的部分是 column，data 控件，组成一个基本的grid显示，这里grid控件实际是一个容器

d)        Tree

有人说过只为了tree，都值得学习Ext

Tree介绍

e)         结合使用的例子

 

d．    ExtJs前后台交互的例子 （重点）

主要是grid，tree，panel的异步调用机制。

ExtJs只是一个客户端的框架，但是实际应用中与后台交互是必不可少的，这里就需要利用Ext的AJAX机制

原理的话我也一时说不太清，先看看一些例子，然后大家一起体会吧。

 

e．    关于Ext的一些技巧

a)         注册方法 例子 tree.on(“click”,abc)

b)        render的使用，利用渲染在控制布局显示

c)        AJAX的使用

d)        更高端技巧（暂时没有用到）

脚本文件管理 尽可能的每个模块做成一个类，一个类一个文件，类似与Java或C# 的文件处理方法，每个文件注明其作用，依赖的文件等，如果太多的话可以考虑写一个配置文件，通过读配置文件来输出脚本到客户端。

 

6.       其它文章推荐

     Ext2.0概述

     Jquery Ajax 全解析

     推荐网站 JavaEye