0

下面是 JavaScript 文件，它是我的 extjs 4 MVC 应用程序的根应用程序文件。

我完全按照这些说明操作，并使用 IIS 7 作为我的 Web 服务器：
http ://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture

并按照以下说明为框架配置 IIS：
http ://www.sencha.com/forum/showthread.php?33266-Some-Problem-with-JSON&p=229858&viewfull=1#post229858

我想要一个 ASP.NET 用户控件（ascx 文件）并将其添加到我的页面中。它已经注册，但似乎 Sencha 框架接管并忽略了我页面中的内容。我只是把他们在 MVC 教程中的 index.html 文件做成了一个 aspx 页面，并做了一些小的调整。如何使控件显示？如果这不可能，您是否建议我在 ascx 文件中引用此app.js文件（并将其重命名为control_x.js而不是app.js），然后粘贴该用户控件（ascx）和另一个（目前无法正常工作) 进入 ASP.NET (aspx) 页面？本质上，我不想在我的整个应用程序中依赖这个框架，只是我不想自己构建的控件。

应用程序.js：

Ext.application({
    requires: ['Ext.container.Viewport'],
    name: 'AM',
    appFolder: 'app',

    controllers: [
        'Users'
    ],

    launch: function () {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',

            items: {
                xtype: 'userlist'
            }

        });
    }
});

Users.js（控制器）：

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

    stores: [
        'Users'
    ],

    models: [
        'User'
    ],

    views: [
        'user.List',
        'user.Edit'
    ],

    init: function () {
        console.log('Initialized Users! This happens before the Application launch function is called');
        this.control({
            'viewport > panel': {
                render: this.onPanelRendered
            },
            'viewport > userlist': {
                itemdblclick: this.editUser
            },
            'useredit button[action=save]': {
                click: this.updateUser
            }
        });
    },

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

    editUser: function(grid, record) {
        //console.log('Double clicked on ' + record.get('name'));
        var view = Ext.widget('useredit');
        view.down('form').loadRecord(record);
    },

    updateUser: function(button) {
        //console.log('clicked the Save button');
        var win    = button.up('window'),
            form   = win.down('form'),
            record = form.getRecord(),
            values = form.getValues();

        record.set(values);
        win.close();
        // synchronize the store after editing the record
        this.getUsersStore().sync();
    }

});
4

1 回答 1

1

这里的答案是性能。如果您在应用程序中使用 JavaScript，请将其全部放在同一页面上。否则，当您切换页面时，您的 JavaScript 将不得不重新加载。

于 2012-09-07T04:16:34.947 回答