Question

extjs 和 extjs MVC的区别

Answer 1

extjs是在JavaScript基础上封装的UI框架，类似于jQuery的easyUI或MiniUI，extjs封装层次更高，更注重面向对象的思想。
extjs mvc 是针对extjs的一种分层框架（m:model，v:view，c:controller），目的是为了将extjs 界面控件（写在view层）与事件处理（写在controller层）拆分开，便于开发和维护。因为当界面业务逻辑较复杂时，如果把界面控件和控件相关联的事件放到一个js文件中，就会非常混乱，单个js文件代码量很大，不利于开发和修改维护。采用extjs mvc模式，把界面控件的代码全部放到view层，而与这些控件相关联的所有事件全部放到controller层，这样的话代码结果和程序逻辑就比较清晰，便于开发。model层主要是放与前台绑定的store（数据集）所需的实体，可以单独加一个store层与model层对应。

追问

extjs MVC 框架是支持extjs 4以上的吗？还有extjs MVC的语法是跟extjs一样的吗？

追答

extjs mvc 支持extjs4以上，语法和extjs 一样，mvc只是一个分层的概念，与语法无关

追问

哦哦，好。。
那要怎么去学习extjs呢？我看过extjs官方的document，但是讲的很散，看了之后没有一个系统的知识结构，有没有什么书籍之类的推荐呢？
还有用extjs MVC的时候还需要怎么去学习？

Answer 2

Ext.define('app.site.projectWindow', {
extend: 'Ext.window.Window',
border: 0,
height:380,
width: 440,
layout: {
type: 'border'
},
title: '新建监测项目',
constrain: true,
modal: true,
initComponent: function() {
var me = this;
var row = me.row;
var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>';

Ext.applyIf(me, {
items: [