ExtJs 6.x的使用

Posted 2020-09-03 conker

Extjs 也许用的人不少，不过EXTJS 6.X 就少很多了，当初接触的时候踩了不少的坑，这里大概整理下。
线上两个官方的网站
文档Api 地址：http://docs.sencha.com/extjs/6.2.0/
官网：https://www.sencha.com/extjs/6.2.0/
extjs 分两个部分 一个是classical 一个是modern 前者是pc 后者是移动端，
这里先说classical，
当程序加载时，会执行整个程序的全局文件app.js，之后才是classical 的配置文件application 

 

所以一些需要全局声明的都可以写在这里，

因为我这里是使用的是websocket，所以在application里直接定义了一个全局的对象，

extjs 6.x采用的是mvc 模式

view定义很简单

 

 

对应的controller 

 

 

 

 

编写控件也很简单 有两种方式 一种是利用初始化的方式，这样可以添加很多自己的逻辑

 

另外一种是直接编写

 

 

 

这种方式会随着文件的加载同时加载控件和布局

 

 

在controller里面动态生成控件的方法只要create即可，拿一个window 弹框为例

 

 

 

 

动态为控件赋值的方式也很多

 

先声明好一个store

之后在需要的控件中调用

 

 

 

 

当然还有很多知识点，多看看官方文档（虽然是英文的）就会了。

先到这里

以上！