`
MMSCAU
  • 浏览: 114345 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Extjs 4 MVC 例子

 
阅读更多

Sencha Docs ExtJs 4.0 MVC例子

 

目录结构如下:

 

MVC目录

 

代码:index.html

<html>
  <head>
     <title>Account Manager</title>
     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">
     <script type="text/javascript" src="../../bootstrap.js"></script>
     <script type="text/javascript" src="app.js"></script>
  </head>
  <body>
  </body>
</html>

 

app.js

Ext.onReady(function(){
   Ext.QuickTips.init();
   //Uncaught Ext.Error: Ext.Loader is not enabled...
   Ext.Loader.setConfig({
      enabled:true
   });
   
   Ext.application({
    name: 'AM',

    appFolder: 'app',

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'panel',
                    title: 'Users',
                    html : 'List of users will go here'
                }
            ]
        });
    },
    controllers:[
       'UsersControl'   //请注意此处
    ]
});

});
 

UsersControl.js

Ext.define('AM.controller.UsersControl',{
   extend: 'Ext.app.Controller',
   init:function(){
      console.log('Initialized Users!');
   }
});

 

待续..

 

 

  • 大小: 12.9 KB
分享到:
评论

相关推荐

    extjs4Mvc事例

    通过学习这个例子,你可以更好地理解如何在实际项目中运用ExtJS 4 MVC模式来构建高效、模块化的Web应用程序。 这个压缩包文件"Ext4Mvc"可能包含了源代码、示例应用程序、文档或教程,这些都是为了帮助开发者更好地...

    Extjs4 mvc+struts 应用例子

    在"Extjs4 mvc+struts 应用例子"中,我们看到的是一个利用这两者技术实现的网格(grid)功能。Grid是ExtJS中的核心组件之一,用于展示大量结构化的数据,并支持排序、筛选、分页等功能。在这个例子中,我们将学习...

    ExtJS6 MVC 精简示例

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

    Extjs 4.2.0 MVC 架构 官方文档例子中文

    ### Extjs 4.2.0 MVC 架构详解及官方文档中文示例 #### 一、文件结构 在Extjs 4.2.0中,为了更好地组织和管理代码,采用了一种标准的文件结构。这种结构不仅有助于提高代码的可读性和可维护性,还能确保团队成员...

    EXTJS 的 MVC 开发例子

    这个例子可以帮助你理解EXTJS MVC的架构,并提供了一个实际操作的基础,你可以根据自己的需求进行改造和扩展。通过学习这个案例,你将学会如何组织代码,如何定义模型和视图,如何编写控制器以响应用户操作,以及...

    ExtJs的MVC小例子

    ExtJs的MVC小例子是面向初学者的一个实践教程,主要展示了如何在Web应用中使用ExtJs框架实现Model-View-Controller(MVC)架构。MVC是一种设计模式,它将应用程序分为三个主要部分:模型(Model)、视图(View)和...

    extjs4 mvc extjs

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

    ExtJS4.2 MVC

    通过学习这个小例子,你可以了解到ExtJS4.2 MVC的架构是如何工作的,如何组织代码,以及如何利用MVC模式开发复杂的Web应用。这对你提升JavaScript编程技巧,尤其是前端开发技能,特别是对于需要处理大量数据和交互的...

    ExtJS-MVC-用户列表实例

    4. **存储(Store)**:在ExtJS中,Store是数据集的容器,它可以连接到数据源,如服务器端API,管理数据的加载、排序、过滤和更新。在这个例子中,Store会连接到服务器,请求用户数据,并将其绑定到GridPanel的模型...

    Extjs4 MVC模式浅析.pdf

    《Extjs4 MVC模式浅析》 Extjs4在开发大型客户端程序时,引入了MVC(Model-View-Controller)架构,以解决代码组织和维护的难题。MVC架构是一种设计模式,它将应用程序分为三个主要部分:模型(Model)、视图(View...

    Extjs4MVC后台管理程序实现[参照].pdf

    《ExtJS4 MVC后台管理程序实现详解》 ExtJS是一个强大的JavaScript前端框架,它提供了丰富的组件库和MVC(Model-View-Controller)设计模式,用于构建复杂的Web应用程序,特别是后台管理系统。本篇将深入探讨如何...

    extjs四个例子,一个中文API

    新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API

    Extjs4MVC后台管理程序实现.pdf

    《ExtJS4 MVC后台管理程序实现》 ExtJS4是一个强大的JavaScript前端框架,它采用Model-View-Controller(MVC)设计模式,使得构建复杂的Web应用程序变得更加容易和高效。MVC模式是软件工程中的一种设计模式,它将...

    Extjs4 grid使用例子

    在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...

    Extjs4.1 小例子(适合extjs初学者学习使用)

    7. **MVC模式**:理解ExtJS的MVC架构,包括Model、View、Controller的职责和相互协作。 8. **AJAX通信**:学习如何使用Ajax请求从服务器获取数据,以及如何处理异步响应。 9. **单元测试**:如果包含测试文件,...

    ExtJs 4.1 mvc 简单示例

    在这个"ExtJs 4.1 mvc 简单示例"中,我们将深入探讨如何在ExtJS 4.1中应用MVC模式来创建一个简单的应用程序。 首先,让我们来看看核心组件: 1. **index.html**:这是Web应用的入口点,通常包含HTML结构以及必要的...

    extjs4 项目例子

    这个项目里面包含了本人从开始初学EXTJS4的全部事例:grid、tree、chart图表、文件上传、mvc、还有用户信息注册。里面的一些难点、要点都加了注释,还有一个file.txt文件是本人的小小总结,还没完整。我也是一个第一...

    ext4 mvc 例子

    EXT4是一种广泛使用的Linux文件系统,它在2008年被引入到主流的Linux内核中,以提供更高效、可靠和大容量的存储管理。EXT4在EXT3的基础上进行了...这个例子对于深入理解EXT4和MVC模式在实际开发中的应用非常有帮助。

    extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip

    在"extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip"这个压缩包中,包含了一个基于ExtJS 4.1.0 MVC模式构建的复杂仪表盘示例。这个示例展示了如何利用ExtJS的MVC设计模式来组织和管理代码,以便创建功能...

Global site tag (gtag.js) - Google Analytics