`
Virgo_S
  • 浏览: 1151100 次
  • 性别: 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年出版

    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 ...就是我们所说的数据仓库工具箱系列

    BIOS SLIC版本检测工具:SLIC_Dump_ToolKit_V2.0

    SLIC_Dump_ToolKit_V2.0是一款检测BIOS的SLIC版本号的工具,用来检测PC的BIOS的SLIC是否是最新的2.1版,以便刷新后安装Win7 OEM版操作系统。

Global site tag (gtag.js) - Google Analytics