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

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

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

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

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

搞定。

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

Ext.define('Packt.Application', {
    extend: 'Ext.app.Application',

    requires: [
        'Packt.overrides.tree.ColumnOverride',
        'Packt.overrides.grid.column.Action',

        'Packt.overrides.patch.data.ModelWithId' //ExtJS 5 bug fix - remove this once Sencha fixes it

        //,'Packt.view.film.Films'
        //'Packt.view.base.Grid'
        //'Packt.view.reports.SalesFilmCategory'
    ],

    name: 'Packt',
    defaultToken : 'home',
    views: [
        'login.Login'
    ],
    stores: [
        // TODO: add global / shared stores here
    ],

    controllers: [
        //'Root',
        'Menu',
        'StaticData'
    ]
    /*,
Ext.define('Packt.controller.StaticData', {
    extend: 'Ext.app.Controller',
    requires: [
        'Packt.util.Util', //#1
        'Packt.util.Glyphs',
    ],
    stores: [ //#2
        'staticData.Actors',
        'staticData.Categories',
        'staticData.Cities',
        'staticData.Countries',
        'staticData.Languages'
    ],
    views: [ //#3
        'Packt.view.staticData.BaseGrid',
        'Packt.view.staticData.Actors',
        'Packt.view.staticData.Categories',
        'Packt.view.staticData.Cities',
        'Packt.view.staticData.Countries',
        'Packt.view.staticData.Languages'
    ],
    init: function(application) {
        var me = this;
        me.control({
            'staticdatagrid button#add': {
                click: me.onButtonClickAdd
            },

时间: 2024-09-29 05:27:51

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

介绍Ext JS 4 MVC给Web开发带来的变化

文章最后将与大家一起讨论作者在运用过程中碰到的问题以及解决办法,并提出 MVC 需要进一步完善的地方. Ext JS 4 目前是 Sencha 的产品,4.x 的正式版本号是 4.0.7.Ext JS 4 提供商业版本,但如果您的项目是开源的,则可以http://www.aliyun.com/zixun/aggregation/17944.html">免费使用 Ext JS 4.Ext JS 的论坛目前非常活跃:Ext JS 还在不但地升级改进,据 Sencha 官方统计,使用 Ext J

Js 按照MVC模式制作自定义控件

js|控件 在web开发中常常要使用js,为了提高效率一般都会制作js的类文件.这样在使用中更新复用都很方便.下面按照我工作中的一个案例,介绍如何定义js类文件制作自定义的控件. 一.设计需求 这个需求中,我们要制作一个,从webservice上获取一组学生成绩信息,然后在页面上按照及格与否显示出来.当然还要加上一些简单的互动效果. 按照MVC的设计,我们定义M(数据模型)包括数据连接和数据的分析重组.V表现层,使用document.write的方法写页面. C容器,控制层.将M与V联系起来.

Ext JS添加子组件的误区探讨

经常会有人问我,为什么我的Grid不能岁窗口的变得而自动调整.了解后,发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里,而这正是问题的所在. 在Ext JS的布局系统中,能控制到的是容器的子组件,而对于渲染到容器中一个DIV的Grid,它并不知道在这容器里添加了一个Grid,当调整大小的时候,也就无法去调整Grid的大小了,而这也就是为什么Grid不会随容器的改变而改变了. 为什么那么多人喜欢使用这种方式来添加子组件呢?我想原因主要有以下两点: 1.不知道如何在容器内添加子

《Ext JS 4 First Look》翻译之二:全新的数据包

第二章 全新的数据包      Extjs 4引入新的数据包,其中新增了不少新类并对旧有的类作出了修整.使数据包更强大和更容易使用.  本章我们将学习一下内容: 2.1. 概述新特性 2.2. 新Model类       2.2.1. 字段声明 2.2.2. 合法性验证 2.2.3. 通过proxies和stores加载和保存数据 2.2.4. 通过关联(associations)建立model间的联系       2.2.4.1. 使用Ext.data.Model.hasMany属性来建立一对

《Ext JS权威指南》——1.1节学习Ext JS必需的基础知识

1.1 学习Ext JS必需的基础知识 1. JavaScript 嗯,这个还用说吗?Ext JS本来就是一个JavaScript的框架,而且使用Ext JS就需要使用JavaScript语法来开发,需要JavaScript的知识是必然的了.问题的关键是,开发人员对JavaScript知识的掌握也有深浅之分.譬如,我碰到一些开发人员,对JavaScript算是很熟悉了,但是不会JSON,不会直接使用JSON对象,在使用Ext JS的过程中,需要使用JSON对象的时候,居然是通过组装字符串的方式,

Ext JS添加子组件的误区探讨_extjs

经常会有人问我,为什么我的Grid不能岁窗口的变得而自动调整.了解后,发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里,而这正是问题的所在. 在Ext JS的布局系统中,能控制到的是容器的子组件,而对于渲染到容器中一个DIV的Grid,它并不知道在这容器里添加了一个Grid,当调整大小的时候,也就无法去调整Grid的大小了,而这也就是为什么Grid不会随容器的改变而改变了. 为什么那么多人喜欢使用这种方式来添加子组件呢?我想原因主要有以下两点: 1.不知道如何在容器内添加子

用Ext JS构建Ajax应用程序:一种用于富因特网应用程序开发的JavaScript框架

简介:Ext JS 是一种强大的 JavaScript 库,它通过使用可重用的对象和部件简化了 Asynchronous JavaScript + XML(Ajax)开发.本文介绍 Ext JS,概述它背后的面向对象 JavaScript 设计概念,解释如何使用 Ext JS 框架开发富因特网应用程序的用户界面元素. 当今有许许多多的 Web 开发框架,开发人员很难判断哪些框架值得花时间去学习.Ext JS 是一种 JavaScript 开发框架,这种强大的 JavaScript 库通过使用可重

流行的AJAX框架比较:jQuery,Mootools,Dojo,Ext JS

AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据: Ajaxian在2007年底对Ajax工具进行了调查,部分调查结果见下表(其中数字为调查者使用该工具的百分比,详细的请参见网页):http://ajaxian.com/archives/2007-ajax-tools-usage-survey-results Prototype jQuery Ext Sc

EXT js现在好像很火!咋学呢》

问题描述 想 EXT 入门! 求指点! 问题补充:我的邮箱是: jiaoyanggege@163.com 谢谢大家! 解决方案 官方api和官方例子 还有谷老师当然学好ext js的基本功得扎实解决方案二:有写资料可以参考一下http://extjs.org.cn/解决方案三:资料当然很重要! 建议楼主都 练习下! 我也给你发点 文档吧!解决方案四:发过去了.你接收下解决方案五:我这有点很不错EXT 学习资料,都是我以前学习用的,你有邮箱吗?我给你发下