读书人

Extjs4 MVC 运用

发布时间: 2012-11-23 22:54:33 作者: rapoo

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

热点推荐