`
MMSCAU
  • 浏览: 114515 次
  • 性别: 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
分享到：
| extjs on
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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设计模式来组织和管理代码，以便创建功能...

Magicbox
Global site tag (gtag.js) - Google Analytics