`

主题: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

分享到:
评论

相关推荐

    数据仓库工具箱 第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.

    The Data WarehouseETL Toolkit: Practical Techniques for

    书中还介绍了证明能够节省时间的ETL技术、建立维度结构的全面指导以及确保数据质量的关键建议。 标题中提到的“Practical Techniques for Extracting, Cleaning, Conforming, and Delivering Data”,暗示了书中...

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

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

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

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

    EXT_DEMO.rar_DEMO_ext desktop de_ext desktop demo_一起ext

    5. **主题定制**:EXT提供多种预设主题,同时也支持自定义主题,以满足不同用户界面风格的需求。 6. **模块化**:EXT桌面系统可以被划分为多个模块,每个模块负责特定的功能,便于管理和组织复杂的项目。 7. **API...

    lite.ai.toolkit+windows10工具包

    搬运大神 DefTruth的Lite.Ai.ToolKit: 一个轻量级的C++ AI模型工具箱,开箱即用。已经包括 100+ 流行的开源模型。这是一个根据个人兴趣整理的C++工具箱,, 涵盖目标检测、人脸检测、人脸识别、语义分割、抠图等领域...

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

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

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

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

    数据仓库工具箱第三版(英文)

    - **书名**:《数据仓库工具箱》第三版(The Data Warehouse Toolkit Third Edition) - **作者**:Ralph Kimball 和 Margy Ross - **出版社**:John Wiley & Sons, Inc. - **出版日期**:2013年 - **ISBN**:978-1-...

    Matlab的第三方工具箱大全.docx

    8. AR-Toolkit:用于计算机视觉跟踪的工具箱。 9. Auditory:用于听觉模型的工具箱。 10. b4m:用于区间算术的工具箱。 11. Bayes Net:用于有向图形模型的推断和学习的工具箱。 12. Binaural Modeling:用于计算...

    JAVA互联网拨号源码-android-toolkit:Android开发工具包

    Android开发工具箱 Gradle compile 'com.github.guoxiaoxing:toolkit:1.0.0' How to use // init it in the function of onCreate in ur Application Utils.init(application); APIs Activity相关→→ ...

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

    在这个压缩包中,我们找到了“数据仓库ETL工具箱 Data Warehouse ETL Toolkit.pdf”文件,这很可能是对ETL技术的详细指南或参考手册。以下是对这个主题的深入探讨。 1. **ETL过程详解**: - **提取(Extract)**:...

    数据仓库工具箱维度建模权威指南第3版_中英两版.zip

    随着The Data Warehouse Toolkit(1996)第1版的出版发行,Ralph Kimball为整个行业引入了维度建模技术。从此,维度建模成为一种被广泛接受的表达数据仓库和商业智能(DW/BI)系统中数据的方法。该经典书籍被认为是维度...

    UML 2.0 工具箱 ToolKit(9/9)

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

    aizuda-toolkit-工具箱,常用工具类

    《Aizuda Toolkit:高效开发的利器》 在IT行业中,高效的工具往往能极大地提升开发效率,节省宝贵的时间。Aizuda Toolkit就是这样一个为开发者量身打造的工具箱,它集合了众多常用的工具类,旨在简化Java开发过程,...

    WPF:toolkit源码+toolkit sourcecode

    **WPF Toolkit源码分析与应用** Windows Presentation Foundation (WPF) Toolkit 是一个由微软提供的开源库,包含了一系列额外的控件和图形功能,旨在扩展.NET Framework 3.5 SP1及更高版本中的WPF功能。这个压缩包...

    EXT dojochina Ext注册.rar

    1. **组件化**:EXT.js基于组件模型,允许开发者创建可重用的UI元素,如表格、表单、菜单、工具栏等。 2. **数据绑定**:EXT.js支持双向数据绑定,使得视图和模型之间的数据更新同步自动化。 3. **丰富的UI组件**...

Global site tag (gtag.js) - Google Analytics