ExtJs 4.0 MVC 教程给出答案

【问题标题】：ExtJs 4.0 MVC Tutorial givesExtJs 4.0 MVC 教程给出
【发布时间】：2012-10-29 17:45:09
【问题描述】：

我是 ExtJs 的新手，我正在努力学习本教程：

http://docs.sencha.com/ext-js/4-0/#!/guide/application_architecture

但是，当我到达实际假定网格可见的部分时，我在 Javascript 控制台中收到一条错误消息：“类型错误：名称未定义”。

我有以下文件，

app.js：

Ext.application({
    name: 'AM',

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

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: {
                xtype: 'userList'
            }
        });
    }
});

app/controller/Users.js

Ext.define('AM.controller.Users', {
    extend: 'Ext.app.Controller',
    views: [
        'user.List'],

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

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

app/view/user/List.js

Ext.define('AM.view.user.List' ,{
    extend: 'Ext.grid.Panel',
    alias : 'widget.userlist',

    title : 'All Users',

    initComponent: function() {
        this.store = {
            fields: ['name', 'email'],
            data  : [
                {name: 'Ed',    email: 'ed@sencha.com'},
                {name: 'Tommy', email: 'tommy@sencha.com'}
            ]
        };

        this.columns = [
            {header: 'Name',  dataIndex: 'name',  flex: 1},
            {header: 'Email', dataIndex: 'email', flex: 1}
        ];

        this.callParent(arguments);
    }
});

当然还有 Index.html

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

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

谢谢

【问题讨论】：

标签： javascript extjs4

【解决方案1】：

你改变了大小写：

xtype: 'userList'

alias : 'widget.userlist'

【讨论】：