Extjs 4 MVC 例子

最新推荐文章于 2024-09-23 09:09:27 发布

jimchenchen

最新推荐文章于 2024-09-23 09:09:27 发布

阅读量103

点赞数

分类专栏： extjs4 文章标签：测试 javascript ViewUI

本文链接：https://blog.csdn.net/jimchenchen/article/details/84187741

版权

extjs4 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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!');
   }
});

待续..

jimchenchen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录