ExtJs 6.x的使用

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
之后在需要的控件中调用
 

 

 
 
当然还有很多知识点,多看看官方文档(虽然是英文的)就会了。
先到这里
以上!

 

posted @ 2017-03-08 17:15  conker  阅读(9615)  评论(1编辑  收藏  举报