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

2012-05-03

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

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就能显示出来。那位能帮忙看一下什么问题这是？

[解决办法]
说明一下解决办法吧！

热点排行

Bad Request.

JavaScript

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