也调了快一天,死活找不到窍门。

MODEL, STORE,VIEW的调置测试了很久,试了N种方法,不得其果。

最后,试着在APPLICATION里加入CONTROLLER,

在CONTROLLER里加入相应的STORE和VIEW支持,

搞定。

元旦踩过两个坑,继续前行!!!:)

  1. Ext.define('Packt.Application', {
  2. extend: 'Ext.app.Application',
  3.  
  4. requires: [
  5. 'Packt.overrides.tree.ColumnOverride',
  6. 'Packt.overrides.grid.column.Action',
  7.  
  8. 'Packt.overrides.patch.data.ModelWithId' //ExtJS 5 bug fix - remove this once Sencha fixes it
  9.  
  10. //,'Packt.view.film.Films'
  11. //'Packt.view.base.Grid'
  12. //'Packt.view.reports.SalesFilmCategory'
  13. ],
  14.  
  15. name: 'Packt',
  16. defaultToken : 'home',
  17. views: [
  18. 'login.Login'
  19. ],
  20. stores: [
  21. // TODO: add global / shared stores here
  22. ],
  23.  
  24. controllers: [
  25. //'Root',
  26. 'Menu',
  27. 'StaticData'
  28. ]
  29. /*,
  1. Ext.define('Packt.controller.StaticData', {
  2. extend: 'Ext.app.Controller',
  3. requires: [
  4. 'Packt.util.Util', //#1
  5. 'Packt.util.Glyphs',
  6. ],
  7. stores: [ //#2
  8. 'staticData.Actors',
  9. 'staticData.Categories',
  10. 'staticData.Cities',
  11. 'staticData.Countries',
  12. 'staticData.Languages'
  13. ],
  14. views: [ //#3
  15. 'Packt.view.staticData.BaseGrid',
  16. 'Packt.view.staticData.Actors',
  17. 'Packt.view.staticData.Categories',
  18. 'Packt.view.staticData.Cities',
  19. 'Packt.view.staticData.Countries',
  20. 'Packt.view.staticData.Languages'
  21. ],
  22. init: function(application) {
  23. var me = this;
  24. me.control({
  25. 'staticdatagrid button#add': {
  26. click: me.onButtonClickAdd
  27. },

2017年第1贴:EXT.JS使用MVC模式时,注意如何协调MODEL, STORE,VIEW,CONTROLLER的关系的更多相关文章

  1. ext.js的mvc开发模式详解

    ext.js的mvc开发模式详解和环境配置 在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题.Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开 ...

  2. ext.js的mvc

    1.Ext.js的mvc开发模式 在ext.js4.0以后引入mvc开发模式,将js分成model-view-controller三层,使得大量js代码变得更加易于维护和重用,这就是ext.jsmvc ...

  3. Ext.js 之MVC

    Ext.js 4.0之MVC

  4. [Ext JS 4] MVC 应用程序框架

    前言 大型客户端应用程序总是很难编写,很难组织和很难维护.随着功能的增加和更多的开发人员加入项目,对项目的控制也越来越困难了.Ext JS 4 提供了一个新的应用程序框架帮助组织代码. 模型 - 一组 ...

  5. 新书《Ext JS 4.2实战》即将出版

    目录: 第1章    Ext JS 4概述1.1    从Ext JS 4.0到4.071.2    从4.1到4.1.1a1.3    从4.2到4.2.11.4    如何选择版本1.5    基 ...

  6. 【转】EXT JS MVC开发模式

    原文链接:EXT JS MVC开发模式 在app(亦即根目录)文件夹下面创建controller.model.store和view文件夹,从名称上就知道他们该放置什么代码了吧.然后创建Applicat ...

  7. 【翻译】在Ext JS 5种使用ViewControllers

    原文:Using ViewControllers in Ext JS 5 简单介绍 在Ext JS 5中,在应用程序架构方面提供了一些令人兴奋的改进,如加入了ViewModels.MVVM以及view ...

  8. Ext JS学习第十天 Ext基础之动态加载JS文件(补充)

    此文用来记录学习笔记: •Ext4.x版本提供的一大亮点就是Ext.Loader这个类的动态加载机制!只要遵循路径规范,即可动态加载js文件,方便把自己扩展组件动态加载进来,并且减轻浏览器的压力. • ...

  9. Ext JS 6学习文档–第1章–ExtJS入门指南

    Ext JS 入门指南 前言 本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS ...

随机推荐

  1. Greenplum记录(一):主体结构、master、segments节点、interconnect、performance monitor

    结构:Client--master host--interconnect--segment host 每个节点都是单独的PG数据库,要获得最佳的性能需要对每个节点进行独立优化. master上不包含任 ...

  2. p/invoke碎片--对类的封送处理

    主要是看默认封送处理行为 按类成员的类型是否为“可直接传递到非托管内存”的类型来分类;按照成员中是否有“可直接传递到非托管内存”的类型来讨论. 所有成员都是“可直接传递到非托管内存”的类型 托管代码和 ...

  3. 利用vim查看日志,快速定位问题

    起因 在一般的情况下,如果开发过程中测试报告了一个问题,我一般会这么做: 1.在自己的开发环境下重试一下测试的操作,看看能不能重现问题.不行转2 2.数据库连接池改成测试库的地址,在自己的开发环境下重 ...

  4. highcharts去掉版权|去掉水印链接(右下角)_

    credits: {                      enabled: false                  }

  5. Android之分页加载数据

    基本的原理和我的上一篇随笔“Android之下拉刷新ListView”差不多,代码里面有注释,这里就不废话了,直接上代码. 自定义的分页显示ListView——PagedListView.java代码 ...

  6. 计算sql语句的查询时间

    set statistics profile on set statistics io on set statistics time on go <这里写上你的语句...> go set ...

  7. Altium Designer 的entry sheet ,offsheet和port作用(转载)

    1.图纸结构 图纸包括两种结构关系: 一种是层次式图纸,该连接关系是纵向的,也就是某一层次的图纸只能和相邻的上级或下级有关系: 另一种是扁平式图纸,该连接关系是横向的,任何两张图纸之间都可以建立信号连 ...

  8. jQuery EasyUI Combobox 无法获取属性 options 的值: 对象为 null 或未定义

    错误的写法: $('#combobox1').combobox({ valueField: 'id', textField: 'text',data:[{id:1,text:'蚂蚁小羊'}]}); 正 ...

  9. Spring Boot 乐观锁加锁失败 - 使用AOP恢复错误

    之前写了一些辅助工作相关的Spring Boot怎么使用AOP.这里继续正题,怎么减少Spring Boot 乐观锁加锁报错的情况(基本可以解决). 1. 包依赖 spring-boot-starte ...

  10. awk命令详解

    搜索 纠正错误  添加实例 awk 文本和数据进行处理的编程语言 补充说明 awk 是一种编程语言,用于在linux/unix下对文本和数据进行处理.数据可以来自标准输入(stdin).一个或多个文件 ...