Extjs4加上controller后页面无法显示解决思路

Extjs4加上controller后页面无法显示
最近在学习extjs，正好学到MVC构架的例子。
app.js代码如下：

JScript code


Ext.application({
    requires: 'Ext.container.Viewport',
    name: 'AM',

    appFolder: 'app',
    
    controllers: [
        'Users'
    ],

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'panel',
                    title: 'Users',
                    html : 'List of users will go here'
                }
            ]
        });
    }
});

User.js代码如下：

JScript code


Ext.define('AM.controller.Users', {
    extend: 'Ext.app.Controller',

    init: function() {
        this.control({
            'viewport > panel': {
                render: this.onPanelRendered
            }
        });
    },

    onPanelRendered: function() {
        console.log('The panel was rendered');
    }
});

index.html代码：

HTML code


<html>
<head>
    <title>Hello Ext</title>

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

发现文件结构没有错，不知道为什么一在app.js加上controllers，页面就无法正常显示，一片空白。如果去掉controller，panel就能显示出来。那位能帮忙看一下什么问题这是？

------解决方案--------------------
说明一下解决办法吧！

Extjs4加上controller后页面无法显示解决思路

相关推荐