ExtJS4.2学习(9)——MVC

对于Extjs来说,大客户端程序一直很难写,当你为大客户端程序添加更多的功能和项目的时候,项目的体积往往迅速增长。这样的大客户端程序很难组织和维持 ,所以,Extjs4配备了一个新的应用程序体系结构,它能结构化你的代码。

Extjs4有别于其他MVC架构,Extjs有他自己定义:

1Model是一个Field以及他的Data的集合,Modes知道如何通过Stores来表示数据,以能用于网格和其他组件。模型的工作很像Extjs3的记录集(Record class),通常通过数据加载器(Stores)渲染至网格(grid)和其他组件上边。

2View:用以装载任何类型的组件—gridtreepanel等等。

3Controller—用来放使得app工作的代码,例如 render views , instantiating Models 或者其他应用逻辑。

其实说白了ExtJSMVC架构和java等语言的MVC架构都基本相同,基本上工作的人对MVC架构都非常了解。可能有些人对前端MVC有些生疏而已,上图来说明下问题:

看到这些,可能大家基本上还是没有什么概念,我个人感觉本篇文章就是要抛砖引玉,让大家知道原来前端也可以实现MVC,那么实际上,没有示例来驱动学习是很难说明白ExtJSMVC架构的。

那么从下次开始,我们就围绕ExtJS的高级组件展开进行讨论,而且基本上都是使用MVC架构来做一些示例,那么即便这次没怎么理解,以后时间长了,就会理解的。


原文地址:https://www.cnblogs.com/sunyingyuan/p/3686248.html