![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Extjs 4 MVC
文章平均质量分 72
loss1897
这个作者很懒,什么都没留下…
展开
-
Extjs MVC模式前台组织结构
从最简单的写起,我也好长时间没用extjs了,但是不舍得扔了,正好写几篇文章回忆一下吧。 1、首先当然是倒入extjs的文件了,然后项目整体结构如下: 2、在webcontent下创建mvc文件,这样extjs可自动查找相应的文件。 3、编辑index.jsp, 在文件中倒入如下两个文件: <link rel="stylesheet"type="text/css"hre...2012-11-22 13:15:14 · 116 阅读 · 0 评论 -
Extjs MVC模式前台代码组织结构
1、我们这个项目用MVC控制我们的index.jsp页面,创建完相关文件后结构如下: 2、app.js作为我们单个页面的资源文件引进index.jsp中,然后在app.js文件中添加如下代码: app.js !!!!记住开启动态加载,ext默认是不开启的,否则extjs无法识别MVC模式,既找不到我们定义的类和方法。 app.js中appFolder为我们MVC模式的...2012-11-22 13:16:15 · 72 阅读 · 0 评论 -
Extjs4 MVC Controller使用方法
这篇文章主要说一下Extjs MVC模式中controller类的使用方法。 很清楚,controller主要帮助我们实现页面中事件的控制,如下: 1、实现对页面中某个元素触发某个事件:将上一篇中的controller改成如下: Ext.define('MVC.controller.MVCS', { extend: 'Ext.app.Controller', ...2012-11-22 13:17:14 · 381 阅读 · 0 评论 -
Extjs4 MVC 添加view层
实例中我们通过view层望主界面中添加一个grid, 1、app.js改成如下: app.js 1 Ext.Loader.setConfig({enabled:true});//开启动态加载 2 Ext.application({ 3 name: 'MVC', 4 5 appFolder: 'mvc', 6 7 c...2012-11-22 13:18:37 · 148 阅读 · 0 评论 -
Extjs4 MVC 添加model层
PS:第一篇我放了个图片前台结构的,有个单词写错了导致我model层总是报错,我把model写成modal了。呵呵,粗心的后果就是花费更多的时间去弥补我的粗心,这是被细心的人甩下的原因之一。 1、我们在model下的MVC.js文件中定义我们上一篇中grid的model,如下: model 1 Ext.define('MVC.model.MVC', { 2 exten...原创 2012-11-23 08:52:14 · 111 阅读 · 0 评论