Extjs 4.2返回；网络错误：找不到404“；错误_Extjs_Extjs4.2

Extjs 4.2返回；网络错误：找不到404“；错误

extjs

Extjs 4.2返回；网络错误：找不到404“；错误,extjs,extjs4.2,Extjs,Extjs4.2,我是extjs新手。我尝试用MVC架构编写一个简单的应用程序，如下所述：当我尝试在浏览器中运行应用程序时，我在firebug中给出了以下错误： "NetworkError: 404 Not Found - http://127.0.0.1/Sample/app/view/userlist.js?_dc=1408194279243" 我的项目结构如下： List.js文件： /** * Created by Sina-PC on 8/14/14. */ Ext.define('Samp

我是extjs新手。我尝试用MVC架构编写一个简单的应用程序，如下所述：

当我尝试在浏览器中运行应用程序时，我在firebug中给出了以下错误：

"NetworkError: 404 Not Found - http://127.0.0.1/Sample/app/view/userlist.js?_dc=1408194279243"

我的项目结构如下：

List.js文件：

/**
 * Created by Sina-PC on 8/14/14.
 */
Ext.define('Sample.view.users.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);
    }
});

Ext.application({
    name: 'Sample',
    appFolder:'app',

    controllers:[
        'Users'
    ],
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'userlist'
                }
            ]
        });

    }
});

Users.js文件：

Ext.define('Sample.controller.Users', {
    extend: 'Ext.app.Controller',
    views:['userlist'],
    init: function() {
        console.log('Initzed Users! This happens before the Application launch function is called');

        this.control({
            'viewport > panel': {
                render: this.onPanelRendered
            }
        });
    }
    ,
    onPanelRendered: function() {
        console.log('The panel was rendered');
    }
});/**
 * Created by Sina-PC on 8/14/14.
 */

app.js文件：

/**
 * Created by Sina-PC on 8/14/14.
 */
Ext.define('Sample.view.users.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);
    }
});

Ext.application({
    name: 'Sample',
    appFolder:'app',

    controllers:[
        'Users'
    ],
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'userlist'
                }
            ]
        });

    }
});

和index.html：

<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-all-debug.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>


你好，分机

ExtJs不知道什么是视图“用户列表”。您必须添加到此文件

Ext.define('Sample.controller.Users', {

requires: [ 'Sample.view.users.List' ],

...

js文件有“视图：['userlist']，”并且应该是“视图：['Sample.view.Users.List']，”