Ext JS 4.0MVC示例

Extjs4.0 的 MVC 实例,结构清晰,代码分层挺规范,适合刚上手 Ext 的朋友练手。页面逻辑、数据交互都做得比较完整,尤其是 Store 和 Controller 的配合,看起来还蛮顺畅的。你要是卡在 Ext 组件通信这块,看看这个例子挺有。

Extjs4.0 的 MVC 实例,结构清晰,代码分层挺规范,适合刚上手 Ext 的朋友练手。页面逻辑、数据交互都做得比较完整,尤其是StoreController的配合,看起来还蛮顺畅的。你要是卡在 Ext 组件通信这块,看看这个例子挺有。

Controller 里的事件绑定也挺有意思的,比如点击按钮后直接调 Action,逻辑一目了然。下面这样写,常见:

init: function() {
  this.control({
    'userList button[action=add]': {
      click: this.onAddClick
    }
  });
}

还有View 和 Model 的解耦做得不错,更新数据主要靠绑定和事件机制,不用自己手动操作 DOM,响应也快。适合那种想清晰划分职责的人,是做后台管理系统时。

如果你想把 Extjs 学扎实,下面几个资源也可以一并看看:

如果你正在做企业级系统、需要前后端分明一点的架构,MVC 模式的 Ext 例子确实挺值得拿来参考的。

pdf 文件大小:98.87KB