更新记录
点击详细更新记录
2024年6月25日 更新打赏记录。
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：
群内有各路老板/ExtJS大佬，找方案、找工作、行业交流都可以加入。
群内有最新版本/历史版本的ExtJS全套文件，有需要也可以加群进行下载。
打赏
如果内容有对您产生价值，恳请您打赏，让我做的更好。您的支持是我前进的动力。谢谢您。
谢谢
谢谢
打赏记录（谢谢大哥大姐的打赏，您的打赏将支持我会不断更新内容。）
2024年6月25日 *闯 10元 谢谢您的支持。
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