ExtJS 6.7

ExtJS 6.7 应用架构介绍(MVC/MVVM)

前言


ExtJS 提供了对 MVC 和 MVVM 架构的支持。这两种架构都致力于根据功能逻辑分割代码,又各有其长。

这个教程的目的在于讲解构成这两个架构的组件的基础知识。

什么是 MVC?


在 MVC 架构中,大部分类是 Model(模型)、View(视图)或 Controller(控制器)。用户与视图交互,视图显示模型中保存的数据,由控制器根据需要更新视图和模型来响应交互。

View 和 Model 之间通常没有直接联系,因为控制器指导着两者的更新。通常来说,在 MVC 架构中 Controller 包含了大部分的应用程序逻辑,而 View 几乎没有什么业务逻辑。 Model 则主要是数据的接口,包含着用于管理数据变化的业务逻辑。

MVC 的目标是清晰地定义应用中每个类的职能,使它们能够有效地解耦,为应用程序的测试和维护提供便利,并提高代码的复用性。

Sencha ExtJS 6.7 的新增功能(节选)

网格筛选器
ExtJS 6.7现代包的网格提供了网格筛选功能,可以让最终用户显示满足指定条件的网格记录。除了文本筛选器之外,网格筛选器还支持以下网格筛选器:

  • 文本网格筛选器可将结果限制为与指定文本匹配的值
  • 布尔网格筛选器可将结果限制为与true或false匹配的值
  • 日期网格筛选器可将结果限制为与指定日期约束匹配的值
  • 数字网格筛选器可将结果限制为与指定数字相匹配的值
Kitchensink提供了一个显示所有这些网格筛选插件的示例,而且还包含了在全局范围内管理这些筛选器的能力。
聚合内容