extjs 6.x 的使用

本文介绍ExtJS 6.x版本的使用经验,包括应用程序启动流程、全局文件的作用、WebSocket集成方法及MVC架构下的视图与控制器编写技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值