Question

刚刚通过以下示例。

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

通过设置干净的mvc结构并向页面添加网格。在我的网站上，我希望使用许多extjs功能。但是想要对以下内容有所了解。

1）通常1个网站只有一个app.js，或者我会为每个功能创建一个新的应用程序。所以，如果我想1）联系信息网格2）新闻网格3）图表。是指3个申请。

这就是我目前加载我的应用程序（网格）的方式

的index.html

<html>
<head>
    <title>Account Manager</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

Ext.application({
    name: 'AM',
    appFolder: 'app',
    controllers: [
            'Users'
            ],
    launch: function () {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'userlist',
                    title: 'Users',
                    html: 'List of users will go here'
                }
            ]
        });
    }
});

Answer 1

@Frosty，每个网站只需要一个应用程序文件。

建议您为网格，图表以及您将在网站中使用的任何其他组件创建单独的类。每个类都应该进入一个单独的文件。

因此，当您使用Ext.create创建组件实例时，EXTJS4将动态加载该javascript文件。这有助于解决大型应用程序中的性能问题，因为所有文件都不需要在页面加载时降低。

如何使用extjs的多个控件

1 个答案: