ExtJS 教程汇总（最新）（ExtJS 7）
更新记录
点击详细更新记录
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 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组件
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）
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 |
本文来自博客园，作者：重庆熊猫，转载请注明原文链接：https://www.cnblogs.com/cqpanda/p/16328016.html
