1、我们这个项目用MVC控制我们的index.jsp页面,创建完相关文件后结构如下:
2、app.js作为我们单个页面的资源文件引进index.jsp中,然后在app.js文件中添加如下代码:
app.js
!!!!记住开启动态加载,ext默认是不开启的,否则extjs无法识别MVC模式,既找不到我们定义的类和方法。
app.js中appFolder为我们MVC模式的根文件夹,name为它的别名,我们在项目中用name别名,我门定义的类以此别名开头,如MVC.controller.MVCS,那么我门如果在app.js中用controller['MVCS']属性,extjs就会动态的到mvc文件夹下的controller文件夹找到MVCS文件,并加载。
3、我门在controller中创建controller文件,controller文件用来控制我们页面的事件,包括数据请求,响应事件等,当前先保证controller类可以呗找到,添加如下代码:
Ext.define( 'MVC.controller.MVCS' , {
extend: 'Ext.app.Controller' ,
init: function () {
console.log( '测试controller文件是否找到!' );
}
});
|
我们打开开发工具,controller会输出一条语句,如果我们看到了表明我们的MVC创建成功了。
4、部署项目,启动浏览:效果如下:
我们的controller已经起作用了,在其中写我们的控制方法就可以实现控制我们页面,下一篇写一下controller中的一些方法。
PS:view层和modal层也是通过这种方式融入到我们的代码中。
分享到:
相关推荐
本工程采用ExtJs4.0 开发,采用mvc开发模式,分为controller view model store。
ExtJS4.0.7的MVC模式。 欢迎大家下载。
只要将解压的文件直接放置到myeclipse的webroot下面,启动tomcat访问。简单的EXTJS mvc框架,设计 store,model,controller,view,window等等,同时展示了一些基本的点击显示、修改等等操作,需要的同学自行下载
extjs4.0 MVC 示例代码
Extjs4 MVC小实例根据The MVC Application Architecture做的
这是一个mvc模式实现的ExtJS案例,非常适合新手了解ExtJS的mvc模式!代码中有详细的注释解析,为大家学习提供方便。
extjs的官方api中的例子
利用EXTJS mvc模式写的树跟grid及List的结合程序,数据存于内存,与数据库交互只需做简单的修改
配合extjs4.2.0的MVC开发模式教程使用更好
Extjs4.0+MVC模式+存动态加载,动态加载面板,动态加载控制器,动态加载树叶子节点,后台servlet模拟json数据
Extjs4前台前台grid导出excel
多余话不说了大家如果有什么不懂得,也可以下载我发布的ExtJs 4 API,那里面的MVC模块已经告诉了大家怎么用,我这里只是给大家一个提示,或者说是入门吧,本代码已经经过测试,能正常运行,而且可以直接导入到...
本实例采用Extjs4.0 开发,按照mvc模式分为,controller view model store
Extjs4 MVC开发笔记源码,此源码已经将命名空间修改为Soyi,由于涉及到一些公司信息,将所有数据库中的数据清除,由于时间仓促。只有备案管理的grid是可以使用的,其他的功能,按照备案管理的文件照猫画虎即可实现。 ...
严格按照MVC架构分的曾,可以运行的extJs4.2MVC示例,在myclipse加到一个项目里的的webroot文件夹下,运行index.html即可
前台完全基于 extjs mvc框架开发 想学习extjs mvc的可以看看 后台用了activiti工作流 写了一个简单的请假审批例子 想学习spring mvc的也可以下载看看
ExtJS4.0MVC学习,适合初学者。
extjs4mvc 事例讲解的非常好关于extjs4mvc的分层结构
最新版本,ExtJS6 MVC 精简示例!!!,一个可以参考的小例子!