ExtJs 4.x MVC 架构

Model模型是字段和它们的数据的集合，例如User模型带有username和password字段，模型知道如何持久化自己的数据，并且可以和其他模型关联，模型跟ExtJS 3 中的Record类有点像（区别是，Record只是单纯的扁平结构，而Model可以nest），通常都用在Store中去展示grid和其他组件的数据
View视图是组件的一种，专注于界面展示。例如， grid, tree, panel 都是view
Controllers控制器 一个安放所有使你的app正确工作的代码的位置，具体一点应该是所有动作，例如如何渲染view，如何初始化model，和app的其他逻辑
ExtJS 4 应用都遵循一个统一的目录结构，每个应有都相同 MVC中，所有类都放在app目录里面，这个目录可以有子目录，代表的是命名空间（一个子目录对应一个命名空间），使用不同的目录存放views,models,controllers,stores。当我们完成例子的时候，目录结构应该和下图一样：

布局和容器

ExtJS的UI由组件(Component)构建而成，容器(Container)是一种可以盛放其他组件的特殊类型组件，每个典型的ExtJS应用都是数层嵌套的组件组成的。每个容器都由布局来管理子组件的大小和位置。

通用布局方式

3.1.1 Absolute绝对布局

可使用坐标（x、y）进行布局

3.1.2 Accordion手风琴布局

实现Accordion效果的布局，也可叫可折叠布局。也就是说使用该布局的容器的子组件是可折叠的形式表现。

3.1.3 Anchor固定布局

会根据容器的大小固定其相对于容器的尺寸

这个布局就是表单面板默认支持的，每一项占据一行，支持用anchor配置项分配各个子项的高度和宽度。为百分比时表示当前大小占父容器的百分比；为数字时一般为负数，表示父容器的值减去差值，剩下的为子项的大小。

ExtJs 4.x MVC 架构相关推荐

基于REST的MVC架构设计与实现
在上一篇随笔已经讲述了REST的WEB serivce架构的相关知识,并且搭建了一个非常简单的实例,在另一篇随笔中也写了ajax用JSON序列化数据的传输,在这篇文章将结合前两篇随笔所讲的知识做一个稍 ...
Javascript MVC架构之旅
为什么80%的码农都做不了架构师?>>> 日期:2012-9-10 来源:GBin1.com 本文摘自smashingmagazine的Journey Through The ...
JSP中应用MVC架构
MVC模式,将应用程序分为3个部分模型层--Model 视图层--View 控制层--Controller MVC是这三部分英文字母的缩写在JSP开发中,也可以应用MVC 模型层是应用程序的核心 ...
data spring 指定时区_Spring 框架基础(05)：Mvc架构模式，执行流程详解
本文源码:GitHub || GitEE 一.SpringMvc框架简介 1.Mvc设计理念 MVC是一种软件设计典范,用一种业务逻辑.数据.界面显示分离的方法组织代码,将业务逻辑聚集到一个组件里面, ...
nodejs服务端MVC架构介绍
nodejs服务端MVC架构介绍 MVC架构本质:确定每一个js文件的职责以nodejs数据管理系统为例,本文章代码仅为服务端演示代码,单独复制粘贴可能无效果.因为MVC并不是一门技术,而是一种项目 ...
spring mvc返回页面显示空白_Spring 框架基础(06)：Mvc架构模式简介，执行流程详解...
一.SpringMvc框架简介 1.Mvc设计理念 MVC是一种软件设计典范,用一种业务逻辑.数据.界面显示分离的方法组织代码,将业务逻辑聚集到一个组件里面,在改进和个性化定制界面及用户交互的同时,不 ...
MVC架构简介及其测试策略
MVC架构简介及其测试策略 https://www.cnblogs.com/rd-ddddd/p/6959232.html 转载于:https://www.cnblogs.com/highpoint ...
ExtJS学习：MVC模式案例（三）
在ExtJS案例系列教程的前两讲,我们了解了该案例的最终实现效果,并且在ExtJS学习:MVC模式案例(二)中我们添加Viewport.js和demoController.js两个文件,实现了对整个网 ...
MVC架构在Asp.net中的应用和实现
MVC架构在Asp.net中的应用和实现摘要:本文主要论述了MVC架构的原理.优缺点以及MVC所能为Web应用带来的好处.并以"成都市信息化资产管理系统"框架设计为例,详细介绍其 ...

ExtJs 4.x MVC 架构

ExtJs 4.x MVC 架构相关推荐

最新文章

热门文章