`
jinhailion
  • 浏览: 47868 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Extjs4 MVC 使用

 
阅读更多
4.1里也一样,必须加Ext.Loader.setConfig({enabled: true});
4以上不能直接在app.js里写 Ext.Msg.alert('test');无效,必须写成
Ext.onReady(function(){Ext.Msg.alert('test')});

ndex.html
<html>
<head>
	<title>Hello Extjs4</title>
	<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css" /> 
	<script type="text/javascript" src="ext-4.0/ext-all-debug.js"></script>
	<script type="text/javascript" src="app.js"></script>
</head>
<body>

app.js
//某些版本默认值是false,如果不打开就不能实现mvc
Ext.Loader.setConfig({enabled: true}); 
Ext.application({
	//名称空间,或理解为包名
	name:'AM', 
	//mvc目录,是相对于当前文件的目录,举个例子比如  ../extmvc/app
	appFolder:'app', 
	//类名
	controllers: [
	              'Users'
	]
	//借助以上三个条件,目录,名称空间,类名 才能找到对应的那个控制器
});

app目录结构必须按mvc的要求建立,比如控制器必须位于
app/controller/目录下, 创建 app/controller/Users.js
//定义一个Users类,它继承自Ext.app.Controller,所以就是一个控制器
//这个控制器的类名是Users, 名称空间是AM,和 app.js中name:'AM' 对应,这样才可以找到这里
//init就是控制器的处理函数了,相当于struts中action里的execute
Ext.define('AM.controller.Users', {
	extend: 'Ext.app.Controller',
	init: function()
	{
		alert("init function in app/controller/Users.js is running........");
	}
});
分享到:
评论

相关推荐

    extJS4 MVC demo项目入门

    extJS4 MVC demo项目入门涉及的是前端开发领域的技术要点,主要介绍了extJS4框架中的MVC(Model-View-Controller)模式在实际开发项目中的应用方法,并着重讲述了如何实现前端资源的按需加载和动态加载。在了解这些...

    extjs4MVC实现

    4. MVC 的优点 - 代码组织清晰,便于维护和扩展。 - 提供了数据绑定机制,使视图能自动响应模型的改变。 - 提高了开发效率,通过解耦模型、视图和控制器,可以独立地开发和测试各个部分。 5. 进阶使用 - 使用 ...

    Extjs4 MVC开发笔记源码

    Extjs4 MVC开发笔记源码,此源码已经将命名空间修改为Soyi,由于涉及到一些公司信息,将所有数据库中的数据清除,由于时间仓促。只有备案管理的grid是可以使用的,其他的功能,按照备案管理的文件照猫画虎即可实现。 ...

    Extjs4 MVC小实例

    这个“Extjs4 MVC小实例”很可能是为了展示如何在实际项目中有效地运用MVC模式。 **模型(Model)** 在ExtJS 4的MVC中,模型负责管理应用程序的数据。模型类通常与后端服务器的数据接口进行交互,处理数据的加载、...

    extjs4Mvc事例

    ExtJS 4 MVC是一个强大的JavaScript框架,用于构建富客户端应用程序。这个"extjs4Mvc"事例提供了关于如何在ExtJS 4中有效地利用MVC(Model-View-Controller)设计模式的详细教程。MVC模式是软件工程中常用的设计模式...

    ExtJS的MVC模式

    在`ExtJS_MVC_Demo`这个压缩包中,可能包含了演示如何使用ExtJS 4.0.7实现MVC模式的各种示例代码。这些示例可能包括模型定义、视图组件的创建、控制器的编写以及应用的配置等。通过学习和分析这些示例,开发者可以更...

    Extjs4 MVC 官方实例整合 未改动 未删减 部署即可运行

    这个官方实例集是ExtJS 4 MVC模式的一个完整展示,旨在帮助开发者理解并掌握如何使用MVC进行开发。 **MVC模式详解:** 1. **Model(模型)**:负责处理数据和业务逻辑,通常与后台服务进行通信,获取或存储数据。在...

    extjs4mvc的crud

    在"extjs4mvc的crud"这个主题中,我们将深入探讨如何使用ExtJS 4的Model-View-Controller(MVC)架构来实现货物处理的创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作。 首先,了解MVC模式是...

    ExtJs 4 MVC 新机制测试源码奉献

    ExtJs 4 用了一段时间了,今天研究了下ExtJs4的MVC机制,感觉还挺好,建议大家尝试,所以就写了一个demo,帮助那些对ExtJs还不是很懂,或者想用ExtJs4却又不知道怎么做好的朋友。。。多余话不说了大家如果有什么不...

    EXTJS简单MVC实例

    只要将解压的文件直接放置到myeclipse的webroot下面,启动tomcat访问。简单的EXTJS mvc框架,设计 store,model,controller,view,window等等,同时展示了一些基本的点击显示、修改等等操作,需要的同学自行下载

    ExtJS4 MVC演示项目

    MVC(Model-View-Controller)模式是软件设计中的一个经典模式,它在ExtJS4中被广泛应用,以实现可维护性和可扩展性的增强。这个"ExtJS4 MVC演示项目"是一个很好的学习资源,可以帮助开发者了解如何在实际应用中组织...

    springmvc+extjs4mvc实现权限管理

    本项目"springmvc+extjs4mvc实现权限管理"是利用SpringMVC框架和ExtJS4MVC技术来搭建一个完整的权限控制系统,旨在提供精细的用户、角色和资源的权限分配。 首先,SpringMVC作为Java Web开发中的主流MVC框架,以其...

    ExtJS6 MVC 精简示例

    最新版本,ExtJS6 MVC 精简示例!!!,一个可以参考的小例子!

    ExtJS4 MVC 混合实例

    通过这个实例,你可以学习如何使用ExtJS4 MVC架构组织代码,理解各个部分的作用,以及如何通过它们之间的协作来构建动态的、响应式的用户界面。同时,由于实例还混合了一些其他相关小组件,你还将有机会接触到更多...

    EXTJS4 MVC+ASP.NET MVC3动态加载JS文件实例

    本例采用ASP.NET MVC3 +EXTJS4 MVC 框架,完美实现了EXTJS4动态加载JS文件,对ASP.NET MVC3及EXTJS4 MVC 各应用要点进行了应用。对于想采用ASP.NET MVC3 +EXTJS4 MVC 框架的学习者有很好的帮助,快速掌握MVC框架,本...

    extjs4 mvc extjs

    是用extjs mvc写的,controller里面会配置model store view,然后mode和store的关系,相信大家也很清楚了,store里面会用到model,当然也可以不用,和原来的extjs3.x是一样的,用field来表示,其实是换汤不换药而已...

    extjs在ASP.NET MVC4的使用

    在"extjs在ASP.NET MVC4的使用"这个主题中,我们主要关注的是如何在MVC4项目中集成和利用ExtJS的功能。以下是一些关键知识点: 1. **创建ASP.NET MVC4项目**:首先,我们需要创建一个新的ASP.NET MVC4项目。在...

    Extjs4.0 mvc模式开发

    在本工程中,我们将深入探讨ExtJS 4.0的MVC模式,以及如何通过controller、view、model和store来构建应用。 **1. MVC模式** MVC模式是一种软件设计模式,将应用程序分为三个主要组件:模型(Model)、视图(View)...

    Extjs4 mvc+struts 应用例子

    通过学习这个例子,我们可以深入理解如何在客户端使用ExtJS4的MVC模式来构建用户界面,以及如何在服务器端利用Struts处理业务逻辑,实现数据的增删改查。这对于提升Web应用开发技能,尤其是对于需要处理大量数据的...

Global site tag (gtag.js) - Google Analytics