EXT新手建议：建立自己的工具箱（Toolkit）

欢迎来到论坛

我认为学习EXT开发最好的方法是，在真正开发之前，掌握好高级JavaScript知识，
就像鱼儿游在水里一样对JS运用自如。

自己可以创建JavaScript的类、明白类原型（class's prototype）的原理，
和明白函数的作用域都是有益的帮助。

明白Ajax为什么要异步方式也是其中的一个知识点。

论坛上50％所提出的问题很大原因是对JavaScript知识不牢固所至，而不是EXT API的问题。

当真正开始用EXT做开发了，那么安装目录下examples/*的文件夹超过70个例子便是研究的好对象，
这些例子为你展示了你日后将会使用的大多数技巧或方法。

接着，最好就是先拿examples/*的文件夹中例子练一练手，做一些简单、轻型的小项目。
如果直接拿EXT结合到程序去开发，很可能你会因为越来越复杂的问题泥足深陷。

把每一项的 知识点/技巧 都做成可单独运行文件，这样以便你以后参考，还有一个好处是，可以发到论坛上，然后我们放到examples/*的文件夹，以便我们的测试并协助你。

如果能按照以上的建议去做，我相信这是一个很好的累积。而且按照我的角度看，整个UI就是这样一点一点构建起来。

Animal

Ext官方中文教程列表

特别鸣谢：Ext中文站整理、维护

注意：转载文章,请保留原始链接和署名

入门:

Tutorial:EXT简介
extjs.com/learn/Tutorial:Introduction_to_Ext_2.0_(Chinese)

Tutorial:Ext 2简述 
extjs.com/learn/Ext_2_Overview_(Chinese) 

Tutorial:EXT新手建议
extjs.com/learn/Tutorial:EXT新手建议

Tutorial:怎么轻松地进入Ext的世界?
extjs.com/learn/Tutorial:Playing_With_Ext_The_Easy_Way_(Chinese)

Tutorial:Javascript中的作用域（scope）是什么?(一)
extjs.com/learn/Tutorial:What_is_that_Scope_all_about_(Chinese)

Tutorial:Javascript中的作用域（scope）是什么?(二)
extjs.com/learn/What_is_that_Scope_all_about2_(Chinese)

Manual:Ext源码概述
extjs.com/learn/Manual:Ext_Source_Overview_(Chinese)

Manual:Ext与RESTful Web Services
extjs.com/learn/Manual:RESTful_Web_Services_(Chinese)

程序设计:

Tutorial:如何合理地规划一个应用程序
extjs.com/learn/Tutorial:Application_Layout_for_Beginners_(Chinese)

Tutorial:如何本地化ext的教程 
extjs.com/learn/Tutorial:Localizing_Ext_(Chinese)

Tutorial:xtype的含义
extjs.com/learn/Tutorial:Xtype_defined_(Chinese)

Tutorial:扩展Ext中的组件
extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese)

Tutorial:扩展与插件之间的区别
extjs.com/learn/Manual:Component:Extension_or_Plugin_zh-CN

Tutorial:Ext组件的复用
extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese)

Tutorial:从源码生成Ext
extjs.com/learn/Tutorial:Building_Ext_From_Source_(Chinese)

基础用法:

Tutorial:DomQuery基础 
extjs.com/learn/Tutorial:DomQuery_Basics(Chinese)

Tutorial:Ext中的事件
extjs.com/learn/Tutorial:Events_Explained_(Chinese)

Tutorial:简述模板
extjs.com/learn/Tutorial:Getting_Started_with_Templates_(Chinese)

Tutorial:模板（Templates）的函数 
extjs.com/learn/Tutorial:Utilizing_Format_Features_of_Templates_(Chinese)

Manual:事件的处理
extjs.com/learn/Manual:Intro:Event_Handling_cn

Manual:Ext中的继承
extjs.com/learn/Manual:Intro:Inheritance_(Chinese)

Manual:Ext的类设计
extjs.com/learn/Manual:Intro:Class_Design_cn

Manual:Ajax通讯
extjs.com/learn/Manual:Core:Ext.Ajax_(Chinese)

Manual:JSON处理方法 
extjs.com/learn/Manual:Core:Working_with_JSON_(Chinese)

Manual:函数的原型扩展
extjs.com/learn/Manual:Utilities:Function_(Chinese)

组件的使用:

Tutorial:Tab标签页
extjs.com/learn/Tutorial:TabPanel_Basics_(Chinese)

Tutorial:Ext 1.x中的布局
extjs.com/learn/Tutorial:Using_Layouts_with_Ext_-_Part_1_(Chinese)

Tutorial:Grid组件初学
extjs.com/learn/Tutorial:Beginning_Using_the_Grid_Component_(Chinese)

Tutorial:Grid的数据分页
extjs.com/learn/Tutorial:Basics_of_Paging_With_the_Grid_Component_(Chinese)

Tutorial:Ext菜单器件 
extjs.com/learn/Tutorial:Ext_Menu_Widget_(Chinese)

Tutorial:表单组件初学
extjs.com/learn/Tutorial:Getting_Started_with_Forms_(Chinese)

Tutorial:表单组件初学(二)
extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form_(Chinese)

Manual:Cookie的存储
extjs.com/learn/Manual:Core:State_(Chinese)

YUI-Ext(Ext前身)的相关文章

Tutorial:EXT新手建议：建立自己的工具箱（Toolkit）
extjs.com/learn/Tutorial:EXT新手建议

Tutorial:如何用YUI轻松做JavaScript动画
extjs.com/learn/Tutorial:如何用YUI轻松做JavaScript动画

Tutorial:轻松三步，搞掂内存泄漏
extjs.com/learn/Tutorial:轻松三步，搞掂内存泄漏

Tutorial:用YUI-EXT创建Ajax Feed-viewer
extjs.com/learn/Tutorial:用YUI-EXT创建Ajax_Feed-viewer

Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版
extjs.com/learn/Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版

Tutorial:EXT设计模式初学习
extjs.com/learn/Tutorial:EXT设计模式初学习

Tutorial:预览 ：增强版的拖放和新增的TreePanel
extjs.com/learn/Tutorial:预览_：增强版的拖放和新增的TreePanel

Tutorial:创建一个可复用的AJAX对话框--一个完成好的例子
extjs.com/learn/Tutorial:创建一个可复用的AJAX对话框--一个完成好的例子

Tutorial:创建YUI的Grid
extjs.com/learn/Tutorial:创建YUI的Grid

Tutorial:Grid 调用远程数据
extjs.com/learn/Tutorial:Grid 调用远程数据

Tutorial:为Yahoo! UI Extensions Grid增加内置的可编辑器
extjs.com/learn/Tutorial:为Yahoo! UI Extensions Grid增加内置的可编辑器

Tutorial:Ext.MasterTemplates 入手
extjs.com/learn/Tutorial:Ext.MasterTemplates 入手

Tutorial:像了解爱人一样了解ExtJs
extjs.com/learn/Tutorial:像了解爱人一样了解ExtJs

Tutorial:JSON和浏览器安全
extjs.com/learn/Tutorial:JSON和浏览器安全

Tutorial:JavaScript的一种模组模式
extjs.com/learn/Tutorial:JavaScript的一种模组模式

Tutorial:关于JavaScript的 貌似类（pseudo-classes）－－－－不吐不快
extjs.com/learn/Tutorial:关于JavaScript的 貌似类（pseudo-classes）－－－－不吐不快	

Tutorial:Application Layout 程式開發入門介紹
extjs.com/learn/Tutorial:Application Layout 程式開發入門介紹

Tutorial:如何建立一個可以Disable/Editable的Editor gird
extjs.com/learn/Tutorial:如何建立一個可以Disable/Editable的Editor gird

 

评论

22 楼 sp42 2008-08-13  

已新增教程列表！
另 有一见闻录：《How to learn ExtJS?》

引用

The main problem is not with learning ExtJs.

Contrary to what the hype is, it's really not a huge, unlearnable API.

It's a lot smaller than the JRE standard API, or the C++ ones I have briefly encountered.

The main problem that is exhibited, and the causes of frustration are lack of knowledge of the concepts of Javascript, the W3 DOM and CSS.

With a full knowledge of Javascript, the concepts will be learned much quicker, example code will be meaningul, and a quick view of the source code will explain everything.

21 楼 zbl432 2008-08-11  

谢谢楼主的意见，(*^__^*) 嘻嘻……

20 楼 icewubin 2008-07-11  

罪恶的小手 写道

其实我觉得除了很好的掌握JS以外..

DWR也是必不可少的,,

人家服务端不用Java的呢？

19 楼 罪恶的小手 2008-06-29  

其实我觉得除了很好的掌握JS以外..

DWR也是必不可少的,,

18 楼 helloworld 2008-06-28  

对管理员建议，你有不满想办法解决，比如EXT常见问题FAQ，大家都会看的，第一句大字：请首先....,不要这样子置顶

17 楼 fiftyk 2008-06-27  

受教了！谢谢

16 楼 vicksong 2008-06-15  

JavaEye管理员 写道

Ajax版面充斥着Ext的问题，而且大部分都是Javascript基础没有掌握好的新手提问，所以置顶给这些人看。

管理员SB呀，软件开发实际过程中有EXT没有的控件或例子，一个软件中的界面往往不是放一个GRID就了事的，那不是问题简单，而是大家在讨论更简洁有效的方法。

15 楼 vicksong 2008-06-15  

Cao,这样的贴子还置顶这么久，EXT自带的例子那么简单，就象小学生的作文，还值得用“研究”这个词，随便看看不就可以做出同样的东西吗，这样的例子离软件开发还有多少路要走，楼主清楚吗？

14 楼 mousetwo 2008-05-25  

有道理,不过不是那么容易

13 楼 jerry_shen 2008-05-03  

fins 写道

想刺激大家投票 比较极端的做法可以是:

1 在页面显眼处用刺眼的文字动画图片....来提示大家记得看帖后投票

2 不给主贴投票 不许回复

3 投票可以增加积分(类似csdn的下载频道 呵呵)

那样岂不是没有投票权的，连回帖都不允许了？

12 楼 zwangz 2008-04-24  

恩。
不错。可以。

11 楼 changshuangyi 2008-04-23  

有道理啊！

10 楼 fins 2008-04-15  

想刺激大家投票 比较极端的做法可以是:

1 在页面显眼处用刺眼的文字动画图片....来提示大家记得看帖后投票

2 不给主贴投票 不许回复

3 投票可以增加积分(类似csdn的下载频道 呵呵)

9 楼 xml 2008-04-14  

JavaEye管理员 写道

Ajax版面充斥着Ext的问题，而且大部分都是Javascript基础没有掌握好的新手提问，所以置顶给这些人看。

现在给帖子评分的人不多，评分都给了两个极端的帖子，几乎是一致“良好”或“新手”，从概率论上来讲这种分布没有反映真实现状，想办法引导一下大家

8 楼 jaminiteio 2008-04-14  

支持，不要拉大JS高手与普通用户的差距，基础常常要在前面，不断培养更多的JS高手

7 楼 james_lai 2008-04-13  

I'm new hand，适合我 

6 楼 ITeye管理员 2008-04-11  

Ajax版面充斥着Ext的问题，而且大部分都是Javascript基础没有掌握好的新手提问，所以置顶给这些人看。

5 楼 kenlistian 2008-04-10  

不错，值得学习。

4 楼 fins 2008-04-10  

有个疑惑:

这个帖子为什么要置顶 并且有14个良好呢?

作者自己都说了这个是

关键字: 入门 新手

3 楼 jianfeng008cn 2008-04-07  

有没有帅哥 共享下比较好的 工具箱哦