Extjs4 MVC 运用

2012-11-23

Extjs4 MVC 使用4.1里也一样，必须加Ext.Loader.setConfig({enabled: true}) 4以上不能直接在app.js里写 E

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,如果不打开就不能实现mvcExt.Loader.setConfig({enabled: true}); Ext.application({//名称空间，或理解为包名name:'AM', //mvc目录，是相对于当前文件的目录，举个例子比如  ../extmvc/appappFolder:'app', //类名controllers: [              'Users']//借助以上三个条件，目录，名称空间，类名 才能找到对应的那个控制器});

app目录结构必须按mvc的要求建立，比如控制器必须位于
app/controller/目录下，创建 app/controller/Users.js

//定义一个Users类，它继承自Ext.app.Controller，所以就是一个控制器//这个控制器的类名是Users, 名称空间是AM，和 app.js中name:'AM' 对应，这样才可以找到这里//init就是控制器的处理函数了，相当于struts中action里的executeExt.define('AM.controller.Users', {extend: 'Ext.app.Controller',init: function(){alert("init function in app/controller/Users.js is running........");}});

热点排行

JavaScript

Extjs4 MVC 运用