Google Chrome - 使用 Ext JS 4.0 的“aw snap”错误消息答案

【问题标题】：Google Chrome - "aw snap" error message using Ext JS 4.0Google Chrome - 使用 Ext JS 4.0 的“aw snap”错误消息
【发布时间】：2012-02-06 20:48:20
【问题描述】：

我的控制器中有以下代码。这在 Internet Explorer 9 和 Firefox 中运行良好。但是，我在 Chrome 中收到“aw snap！。出了点问题...”错误消息。

init: function () {
    this.control({
        'jobslist': {
            selectionchange: this.onJobSelect
        },
        'jobdetail button[action=create]': {
            click: this.onNewJobSelect
        },
        'jobdetail button[action=save]': {
            click: this.onJobUpdate
        },
        'jobform button[action=remove]': {
            click: this.onJobRemove
        }
    });
},

onLaunch: function () {
    var jobsStore = this.getJobsStore();
    jobsStore.load({
        callback: this.onJobsLoad,
        scope: this
    });
},

onJobUpdate: function (selection) {
    var form = Ext.getCmp('jobForm');
    var record = form.getRecord();
    var values = form.getValues();
    record.set(values);
}

【问题讨论】：

标签： extjs extjs4 extjs-mvc

【解决方案1】：

init: function () {
        this.control({
           , <------ here
            'jobdetail button[action=save]': {
                click: this.onJobUpdate
            }
        });
    },

您的对象中有一个空白值。这可能会破坏它。

【讨论】：

感谢发现。对不起，我缩写我的代码只是为了让问题更容易理解。我已经更新它以包含整个 init()
我会开始注释掉代码，直到它工作为止。从内部函数开始。

【解决方案2】：

终于，经过一番苦恼，解决了这个问题。我的观点是扩展网格：

Ext.define('MyApp.view.PartForm', {
    extend: 'Ext.grid.Panel',

应该是的

Ext.define('MyApp.view.PartForm', {
    extend: 'Ext.panel.Panel',

【讨论】：