码迷,mamicode.com
首页 > Web开发 > 详细

ExtJs 6.x的使用

时间:2017-03-08 17:37:34      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:store   tor   加载   ima   win   blog   png   配置   自己   

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

技术分享

 

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

 

ExtJs 6.x的使用

标签:store   tor   加载   ima   win   blog   png   配置   自己   

原文地址:http://www.cnblogs.com/Conker/p/6514624.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!