[Ext JS6] ViewControllers-视图控制器

本文介绍了Ext JS6中的ViewController,它解决了大型项目中控制器的问题。ViewController提供了与视图的一对一管理,简化了组件监听和引用,提高了性能和封装性。文章详细讲解了监听器、引用配置以及ViewController的生命周期,强调了其在MVVM模式中的作用。

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

Ext JS 加入了ViewModels和 MVVM, 可以像MVC的 ViewController一样。这两种方式不相互排斥, 甚至可以混合使用。

应用层级控制器 - Application-level Controllers

一个控制器继承自Ext.app.Controller, 这些控制器使用类似 CSS的选择器来查找组件和响应事件。也可以通过 refs 选择或获取组件实例。
这些控制器在应用启动的时候创建, 会在整个应用的生命周期中存在。控制器也可以管理多个视图的实例。

在大型项目中, 视图和控制器可能是有多个不同开发团队开发,最终集成到应用中。 要确保控制器仅对其相关的视图响应是比较困难的。另外, 开发人员通常希望在应用启动的时候限制控制器的数量。虽然可以通过一些方法懒加载控制器, 但是即使不需要它们也不会被销毁。

视图控制器 - ViewControllers

Ext JS5及之后版本向后兼容合法的应用层级控制器。引入了新的控制器类型Ext.app.ViewController, 解决了大型项目控制器的问题。

  • 使用 “listeners”和 “reference”配置简化了和视图的连接
    -利用视图的生命周期管理和其管理的视图控制器的生命周期
    -基于一对一的视图管理关系降低了视图控制器的复杂性
    -提供封装使嵌套视图可靠
    -保留在关联视图下方的任何级别选择组件并收听其事件的功能。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值