Loading

ExtJS 教程汇总(最新)(ExtJS 7)

更新记录

点击详细更新记录
2024年3月7日 更新ExtJS与VueJS对比。
2024年1月31日 加入类似VueJs单文件的写法。
2023年12月25日 更新打赏记录。
2023年11月10日 加入维护状态提示。
2023年8月24日 加入封装的文件上传组件。
2023年5月19日 加入支持Font.Google支持。
2023年4月23日 加入生成UUID。
2023年4月13日 更新 tab reorder 持续更新布局问题处理。
2023年4月5日 加入新的群。
2023年3月9日 加入模型间的关系。
2023年3月8日 加入UI组件 ActionSheet
2023年3月7日 将模板内容单独抽出作为单独的章节。
2023年3月6日 加入TitleBar。
2023年3月6日 加入和完善UI组件-Toolbar。
2023年3月5日 加入UI组件  navigationview。
2023年3月3日 加入在ExtJS使用 fontawesome 图标。
2023年3月2日 加入ExtJS 轮播图UI组件(Carousel)。
2023年3月1日 加入对 fontawesome 的支持。
2023年3月1日 加入打赏支持。
2023年2月18日 完善了路由的使用方法。
2023年1月6日 新增Window组件。
2023年1月3日 新增【所有组件的简写(Xtype值)】
2023年1月2日 增加DataView、Panel组件。
2022年12月19日 新增【元素动画】和日期处理。
2022年12月3日 新增【组件查询】。
2022年8月15日 将新增的各种文章汇总。
2022年7月26日 新增绘图功能。
2022年7月19日 新增ExtJS内置字体。
2022年7月16日 新增新的文章(事件处理)。
2022年7月9日 新增组件文章。
2022年7月7日 调整章节结构。
2022年7月6日 新增数据操作相关文章。
2022年7月3日 新增ExtJS类成员相关介绍。
2022年7月1日 新增布局教程汇总。
2022年6月25日 想做个好的ExtJS中文教程。汇总所有链接。优化界面排版。
2022年6月23日 新增基础介绍。
2022年5月30日 开启本篇。

熊猫要说

我想这大概是目前最新ExtJS中文教程了。框架比较老了,资料太少,我就把笔记分享出来了。紧跟官方的最新ExtJS 7.x版本。本人时间有限,有很多地方需要完善(正在进行完善和优化)。尽量持续更新优化,谢谢。ExtJS中文资料较少,所有参考了许多资料,比如:书籍、他人博客。如有错误(有很多),劳烦老师们多指导一下,谢谢。

转载请注明出处:https://www.cnblogs.com/cqpanda/p/16328016.html

寻找归属地、队友

欢迎加入大前端技术交流QQ群。

交流群1:309741067 点击链接加入:点我加入群聊 群内容侧重:ExtJS框架及其周边。

交流群1:309741067 交流群2:
image

群内有各路老板/ExtJS大佬,找方案、找工作、行业交流都可以加入。
群内有最新版本/历史版本的ExtJS全套文件,有需要也可以加群进行下载。
image

打赏

如果内容有对您产生价值,恳请您打赏,让我做的更好。您的支持是我前进的动力。谢谢您。
谢谢 谢谢
image image
打赏记录(谢谢大哥大姐的打赏,您的打赏将支持我会不断更新内容。)
2024年3月24日 *龙 10元 谢谢您的支持。
2024年2月23日 **炜 10元 谢谢您的支持。
2023年12月19日 *哥 10元 谢谢您的支持。
2023年8月8日 L*n 10元 谢谢您的支持。
2023年8月1日 Luc*_*gton 10元 谢谢您的支持。
2023年4月3日 P*H 16元 谢谢您的支持。
2023年3月3日 **元 10元 谢谢您的支持。
2023年3月1日 **行 10元 谢谢您的支持。

重庆熊猫👉Mail:work@panda666.com
技术栈:C#.NET + Winform + VueJS/ExtJS + ASP.NET API/MVC/Blazor
位置:重庆
感谢并爱你的熊猫。

ExtJS基础

章节 链接
ExtJS介绍(Introduction to Ext JS) https://www.cnblogs.com/cqpanda/p/16404022.html
ExtJS-类基本语法 https://www.cnblogs.com/cqpanda/p/16404064.html
ExtJS-类系统(Class System)原理 https://www.cnblogs.com/cqpanda/p/16437820.html
ExtJS类成员-类相关功能 https://www.cnblogs.com/cqpanda/p/16437835.html
ExtJS类成员-应用相关功能 https://www.cnblogs.com/cqpanda/p/16437840.html
ExtJS类成员-浏览器相关功能 https://www.cnblogs.com/cqpanda/p/16437848.html
ExtJS类成员-ExtJS相关信息 https://www.cnblogs.com/cqpanda/p/16437856.html
ExtJS类成员-判断浏览器版本和操作系统类型功能 https://www.cnblogs.com/cqpanda/p/16437861.html
ExtJS类成员-日志处理功能 https://www.cnblogs.com/cqpanda/p/16437864.html
ExtJS类成员-编码功能 https://www.cnblogs.com/cqpanda/p/16437866.html
ExtJS类成员-定时器功能 https://www.cnblogs.com/cqpanda/p/16437867.html
ExtJS类成员-快速生成功能 https://www.cnblogs.com/cqpanda/p/16437869.html
ExtJS类成员-辅助函数功能 https://www.cnblogs.com/cqpanda/p/16437873.html
ExtJS类成员-判断数据类型功能 https://www.cnblogs.com/cqpanda/p/16437875.html
ExtJS类成员-检测浏览器支持API情况 https://www.cnblogs.com/cqpanda/p/16437878.html
ExtJS类成员-其他功能 https://www.cnblogs.com/cqpanda/p/16437883.html
模板类型 Ext.Template https://www.cnblogs.com/cqpanda/p/17186001.html

ExtJS DOM操作、DOM查询、组件查询

章节 链接
Element类 介绍 https://www.cnblogs.com/cqpanda/p/16444596.html
Element类 事件处理 https://www.cnblogs.com/cqpanda/p/16453529.html
Element类 节点增删改查 https://www.cnblogs.com/cqpanda/p/16453537.html
Element类 UI操作 https://www.cnblogs.com/cqpanda/p/16453542.html
DOM操作-查询(DOM Query) https://www.cnblogs.com/cqpanda/p/16453553.html
组件查询(Component Query) https://www.cnblogs.com/cqpanda/p/16453557.html

ExtJS容器和组件

章节 链接
ExtJS-组件(Components)-第一部分 https://www.cnblogs.com/cqpanda/p/16411858.html
ExtJS-组件(Components)-第二部分 https://www.cnblogs.com/cqpanda/p/16411884.html
组件查询(Component Query) https://www.cnblogs.com/cqpanda/p/16947173.html
容器(Containers) https://www.cnblogs.com/cqpanda/p/16411894.html

具体UI组件

章节 链接
UI组件 - Breadcrumb https://www.cnblogs.com/cqpanda/p/16587144.html
UI组件 - Buttion https://www.cnblogs.com/cqpanda/p/16587153.html
UI组件 - ButtonGroup https://www.cnblogs.com/cqpanda/p/16587354.html
UI组件-Segmented Button https://www.cnblogs.com/cqpanda/p/17031386.html
UI组件 - Chart https://www.cnblogs.com/cqpanda/p/16587398.html
UI组件 - Form https://www.cnblogs.com/cqpanda/p/16587410.html
UI组件 - DataView https://www.cnblogs.com/cqpanda/p/17019670.html
UI组件 - Grid https://www.cnblogs.com/cqpanda/p/16587500.html
UI组件 - TabPanel https://www.cnblogs.com/cqpanda/p/17019693.html
UI组件 - MessageBox https://www.cnblogs.com/cqpanda/p/16587505.html
UI组件 - TreePanel https://www.cnblogs.com/cqpanda/p/17019703.html
UI组件 - Panel https://www.cnblogs.com/cqpanda/p/17019767.html
UI组件 - Window https://www.cnblogs.com/cqpanda/p/17030699.html
UI组件 - Carousel https://www.cnblogs.com/cqpanda/p/17177307.html
UI组件 - Navigationview https://www.cnblogs.com/cqpanda/p/17181663.html
UI组件 - Toolbar https://www.cnblogs.com/cqpanda/p/17183638.html
UI组件 - Titlebar https://www.cnblogs.com/cqpanda/p/17184382.html
UI组件 - ActionSheet https://www.cnblogs.com/cqpanda/p/17192499.html
自定义组件的UI https://www.cnblogs.com/cqpanda/p/17031484.html

ExtJS布局管理

章节 链接
ExtJS-容器布局(Layouts)教程 https://www.cnblogs.com/cqpanda/p/16333099.html
Auto布局(Auto Layout) https://www.cnblogs.com/cqpanda/p/16328000.html
Fit布局(Fit Layout) https://www.cnblogs.com/cqpanda/p/16332072.html
Absolute布局(Absolute layout) https://www.cnblogs.com/cqpanda/p/16328321.html
Anchor 布局(Anchor layout) https://www.cnblogs.com/cqpanda/p/16328038.html
Accordion布局(Accordion layout) https://www.cnblogs.com/cqpanda/p/16332632.html
Column布局(Column layout) https://www.cnblogs.com/cqpanda/p/16332650.html
Card 布局(Card layout) https://www.cnblogs.com/cqpanda/p/16332642.html
HBox 布局(HBox layout) https://www.cnblogs.com/cqpanda/p/16333040.html
VBox布局(VBox layout) https://www.cnblogs.com/cqpanda/p/16333078.html
Table布局(Table layout) https://www.cnblogs.com/cqpanda/p/16333082.html
Border 布局(Border layout) https://www.cnblogs.com/cqpanda/p/16333085.html
Center布局(Center layout) https://www.cnblogs.com/cqpanda/p/16333086.html

事件处理(Event Management)

章节 链接
事件介绍 https://www.cnblogs.com/cqpanda/p/16483339.html
监听DOM事件 https://www.cnblogs.com/cqpanda/p/16483344.html
鼠标事件(Mouse Events) https://www.cnblogs.com/cqpanda/p/16483346.html
触屏事件和手势事件(Touch Events & Gestures) https://www.cnblogs.com/cqpanda/p/16483350.html
拖拽事件(Drag and Drop) https://www.cnblogs.com/cqpanda/p/16483353.html
组件事件管理(Component Event Management) https://www.cnblogs.com/cqpanda/p/16468622.html
事件实例 https://www.cnblogs.com/cqpanda/p/16483354.html

应用结构(Application Architecture)

章节 链接
应用结构介绍 https://www.cnblogs.com/cqpanda/p/16483316.html
简单单页结构 https://www.cnblogs.com/cqpanda/p/16483318.html
Sencha Cmd生成应用结构 https://www.cnblogs.com/cqpanda/p/16483325.html
规范应用结构 https://www.cnblogs.com/cqpanda/p/16483331.html
Router(路由) https://www.cnblogs.com/cqpanda/p/16581944.html

数据处理(Data Package)

章节 链接
数据处理介绍 https://www.cnblogs.com/cqpanda/p/16452662.html
Model类型 https://www.cnblogs.com/cqpanda/p/16452689.html
Model间关系 https://www.cnblogs.com/cqpanda/p/17198416.html
TreeModel类型 https://www.cnblogs.com/cqpanda/p/16452706.html
Store类型 https://www.cnblogs.com/cqpanda/p/16452723.html
配置Store类型实例 https://www.cnblogs.com/cqpanda/p/16452731.html
配置Store增删改查操作实例 https://www.cnblogs.com/cqpanda/p/16452735.html
配置Store的过滤、排序、分组实例 https://www.cnblogs.com/cqpanda/p/16452744.html
Store事件 https://www.cnblogs.com/cqpanda/p/16483305.html
配置Store自身数据读写实例 https://www.cnblogs.com/cqpanda/p/16452759.html
获得Store对象实例 https://www.cnblogs.com/cqpanda/p/16452766.html
ChainedStore类型 https://www.cnblogs.com/cqpanda/p/16452771.html
TreeStore类型 https://www.cnblogs.com/cqpanda/p/16452783.html
Ext.data.field.field类型 https://www.cnblogs.com/cqpanda/p/16483291.html
Validations(验证器) https://www.cnblogs.com/cqpanda/p/16483295.html
Associations(关联) https://www.cnblogs.com/cqpanda/p/16483299.html
Proxy(代理) https://www.cnblogs.com/cqpanda/p/16483301.html
Schema(架构) https://www.cnblogs.com/cqpanda/p/16483303.html
Session(会话) https://www.cnblogs.com/cqpanda/p/16483307.html
Ext.Ajax https://www.cnblogs.com/cqpanda/p/16483308.html

ExtJS 字体与主题

章节 链接
内置字体图标(Font) https://www.cnblogs.com/cqpanda/p/16492659.html
Theme(主题配置) https://www.cnblogs.com/cqpanda/p/16414998.html
使用 Font Awesome 图标 https://www.cnblogs.com/cqpanda/p/17169162.html
使用 Font Awesome 图标 https://www.cnblogs.com/cqpanda/p/17169162.html
使用 Google Material 图标 https://www.cnblogs.com/cqpanda/p/17414311.html

ExtJS 本地化(Localization)

章节 链接
Localization(本地化) https://www.cnblogs.com/cqpanda/p/16492661.html

动画

章节 链接
EXTJS动画 https://www.cnblogs.com/cqpanda/p/16992045.html

绘图功能

章节 链接
绘图(Drawing) https://www.cnblogs.com/cqpanda/p/16519518.html

应用调试

章节 链接
调试代码(Debugging Ext JS) https://www.cnblogs.com/cqpanda/p/16581947.html
Sencha CMD工具 https://www.cnblogs.com/cqpanda/p/16519522.html
Sencha Inspector https://www.cnblogs.com/cqpanda/p/16583533.html
ExtJS最佳实践 https://www.cnblogs.com/cqpanda/p/16583543.html
Sencha Fiddle https://www.cnblogs.com/cqpanda/p/16587154.html

部署应用

章节 链接
Deployment Application(部署应用) https://www.cnblogs.com/cqpanda/p/16519523.html

辅助功能

章节 链接
日期处理 https://www.cnblogs.com/cqpanda/p/16992311.html
History 管理 https://www.cnblogs.com/cqpanda/p/16994582.html

其他内容(问题处理、经验总结)

章节 链接
配置TabPanel可以拖拽Tab标签页 https://www.cnblogs.com/cqpanda/p/16295457.html
组件直接加载HTML页面 https://www.cnblogs.com/cqpanda/p/16308596.html
自定义按钮颜色 https://www.cnblogs.com/cqpanda/p/16300047.html
同行表单域对齐有误处理办法 https://www.cnblogs.com/cqpanda/p/16325072.html
配置TabPanel的鼠标右键菜单(ContextMenu)功能 https://www.cnblogs.com/cqpanda/p/16372583.html
ExtJS各种实例 https://www.cnblogs.com/cqpanda/p/16583540.html
破解 Sencha Test https://www.cnblogs.com/cqpanda/p/16583560.html
破解 Sencha Inspector https://www.cnblogs.com/cqpanda/p/16583556.html
初始化组件后执行代码 https://www.cnblogs.com/cqpanda/p/16994606.html
所有组件的简写(Xtype值) https://www.cnblogs.com/cqpanda/p/17022786.html
自定义事件(观察者模式)实现 https://www.cnblogs.com/cqpanda/p/17031367.html
UI Component Responsiveness https://www.cnblogs.com/cqpanda/p/17031493.html
TabReorder插件BUG问题 https://www.cnblogs.com/cqpanda/p/17312549.html
生成UUID https://www.cnblogs.com/cqpanda/p/17346326.html
页面VueJS单文件组件写法 https://www.cnblogs.com/cqpanda/p/17999992
posted @ 2022-07-26 08:39  重庆熊猫  阅读(9945)  评论(13编辑  收藏  举报