ExtJS学习大纲

这里简单罗列下关于ExtJs的学习框架，以供参考。

API使用 SDK安装项目

1. 首先在C盘装sencha cmd
2. https://www.cnblogs.com/eshinex/p/4617554.html
3. 下载sdk包
4. 用sdk方式创建项目

https://blog.youkuaiyun.com/u010989191/article/details/52658430

sencha -sdk SDK路径 generate app --ext -modern 项目名  项目路径

 

基础控件与布局

控件的基础使用：

1. Ext.Viewport
2. Ext.create/widget
3. Ext.define + {}

1.容器类

1. Container容器
2. Panel
3. tabpanel

2.容器内元素布局

layout在线demo：ExtJs布局

3.基础控件

1. Button
2. Field
   1. Text
   2. Select
   3. Combox
   4. Radio

4.浮动层

1. Dialog
2. Sheet
3. toast

元素选择器

1. lookup 引用选择器
2. down 子代选择器
3. up父级选择器
4. getCmp id选择器

样式使用

         外部scss语法

         内部style使用

高级控件

1. Grid
2. List
3. sheet控件
4. Store
5. Model

事件绑定与MVC

listeners与fireEvent

双向绑定viewModel与evntedConfig

双向绑定与页面多态应用 规范

         一个页面既有新增态又有编辑态

1. viewModel的声明
2. 如何用控件关联——bind
3. 动态获取值和变更值 get  set方法，lookupViewModel 和getViewModel区别

模板使用

Store的高级用法与ajax

路由(自学部分)

讲解：https://blog.youkuaiyun.com/qq_39497186/article/details/78330699

https://blog.youkuaiyun.com/oscar999/article/details/85266325

Demo: https://download.youkuaiyun.com/download/zyd45/10407739?utm_source=bbsseo

交互类提示和响应

         比如哪些操作后，会反馈哪些消息

        

调试器里查找信息

命名规范

https://blog.youkuaiyun.com/lovelyelfpop/article/details/83859314