`
Virgo_S
  • 浏览: 1153902 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

EXT新手建议:建立自己的工具箱(Toolkit)

    博客分类:
  • JS
阅读更多
转自:http://www.iteye.com/topic/179990

Ext官方中文教程列表

特别鸣谢:Ext中文站整理、维护
注意:转载文章,请保留原始链接和署名
我认为学习EXT开发最好的方法是,在真正开发之前,掌握好高级JavaScript知识,
就像鱼儿游在水里一样对JS运用自如。

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

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

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

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

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

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

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

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

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

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
[url]extjs.com/learn/Tutorial:Building_Ext_From_Source_(Chinese)
[/url]基础用法:
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片断和模版
[url]extjs.com/learn/Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版[/url]

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 调用远程数据
[url]extjs.com/learn/Tutorial:Grid 调用远程数据[/url]

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

Tutorial:Ext.MasterTemplates 入手
[url]extjs.com/learn/Tutorial:Ext.MasterTemplates 入手[/url]

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)----不吐不快
[url]extjs.com/learn/Tutorial:关于JavaScript的 貌似类(pseudo-classes)----不吐不快 [/url]

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

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

分享到:
评论

相关推荐

    pandas:powerful Python data analysis toolkit 0.10.1.pdf

    pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。Pandas 纳入了大量库和一些标准的数据模型,提供了高效地操作大型数据集所需的工具。pandas提供了大量能使我们快速便捷地处理数据的函数和...

    UML 2.0 工具箱 ToolKit(9/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    pandas 0.19.2 : powerful Python data analysis toolkit

    pandas 0.19.2 (有API,带书签,英文) pandas: powerful Python data analysis toolkit Release 0.19.2 Wes McKinney & PyData Development Team Dec 24, 2016

    Ext GWT 2.0: Beginner's Guide

    Ext GWT(GWT eXtension)是Google Web Toolkit(GWT)的一个扩展库,它为GWT添加了更多的组件和功能,使得开发者能够创建出更富交互性和美观的用户界面。在2.0版本中,Ext GWT引入了许多新特性,提升了性能和可用性...

    数据仓库工具箱 第3版 The Data Warehouse Toolkit 3rd

    数据仓库工具箱的最新版 数据仓库领域大师级作品 英文版 [目前国内没出中文版] 2013年出版

    2023最新全功能版在线WEB工具箱PHP源码 66toolkit.zip

    2023最新全功能版在线WEB工具箱PHP源码 66toolkit 一个多功能的 Web 工具 PHP 脚本,包含 45 种工具,适用于日常任务和开发人员。 功能简介 DNS 查找工具。IP 查找工具。SSL 查找工具。Whois 查询工具。Ping工具...

    ReBEL toolkit工具箱

    为了学习卡尔曼滤波估计 The purpose of this guide, together with the ...ReBEL toolkit. The official documentation for the toolkit will hopefully evolve over time into a more complete reference guide.

    UML 2.0 工具箱 ToolKit(4/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    UML 2.0 工具箱 ToolKit(1/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    UML 2.0 工具箱 ToolKit(5/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    UML 2.0 工具箱 ToolKit(6/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    UML 2.0 工具箱 ToolKit(3/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    数据仓库ETL工具箱 Data Warehouse ETL Toolkit

    数据仓库ETL工具箱 Data Warehouse ETL Toolkit

    UML 2.0 工具箱 ToolKit(7/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    UML 2.0 工具箱 ToolKit(8/9)

    光盘资料400MB,压缩后也要100MB,只有分压缩了,大家全部下完后再解压。 压缩后记得重命名:依次为“UML 2.0 ToolKit.part01”----“UML 2.0 ToolKit.part09”这样就能解压了。

    小丸工具箱

    小丸工具箱,全称为Maru Compression Toolkit,是一款专为中国用户设计的免费、开源的视频压制工具。它以其简洁的界面和强大的功能深受广大视频制作者的喜爱,尤其在二次元文化圈内有着广泛的使用。这款工具箱主要...

    「Watt Toolkit」是一个开源跨平台的多功能 Steam 工具箱

    【Watt Toolkit】是一款专为Steam用户和开发者设计的开源跨平台多功能工具箱,它集成了多种实用功能,旨在提供更便捷、高效的Steam体验。这款工具不仅适合普通玩家,也对游戏开发者具有一定的帮助,因此它同时贴上了...

    最新版全功能版PHP在线工具箱源码-66toolkit v16.0.0

    最新版全功能版PHP在线工具箱源码-66toolkit v16.0.0。是一个多功能的 Web 工具 PHP 脚本,包含 45 种工具,适用于日常任务和开发人员。 功能简介 DNS 查找工具。 IP 查找工具。 SSL 查找工具。 Whois 查询工具...

    数据仓库工具箱合集3in1——Data Warehouse Toolkit 3 in 1

    本资源包括Ralph Kimball的3本数据仓库的著作: 《The Data Warehouse Toolkit second edition The Complete Guide To Dimensional Modeling》 《The Data Warehouse Lifecycle ...就是我们所说的数据仓库工具箱系列

Global site tag (gtag.js) - Google Analytics