javascript - 语法错误: function statement requires a name in ExtJs

Question

我喜欢从 ExtJs 中的 JSon 响应填充复选框组。当单击“发送”按钮时，它将在控制台中显示响应。

Ext.define('myclass', {
extend: 'Ext.form.Panel',
initComponent: function(){
Ext.apply(this, {
renderTo: Ext.getBody(),
title: 'Message',
tbar: [{
    text: 'Send',
    handler: function(){
    console.log(this.getValues());
    },
    scope: this
}],
items: []
});
    this.callParent(arguments);
}
});
    var messagePanel = new myclass();

loadCheckboxes : function(){
Ext.Ajax.request({
    url: 'recipients.json',
    success: function(response){
        console.log(response);
    },
    scope: this
    });
}

this.loadCheckboxes();

onLoad : function(response){
var jsonResponse = Ext.decode(response.responseText);
    if (jsonResponse.success) {
    // success
    console.log(jsonResponse);
    }
}

    Ext.Ajax.request({
    url: 'recipients.json',
    success: onLoad(),
    scope: this
    });

var checkboxGroup = {
xtype: 'checkboxgroup',
columns: 2,
fieldLabel: 'Recipients',
name: 'recipients',
style: {
padding: '10px'
},
items: []
};
this.add(checkboxGroup);

var i, len = jsonResponse.recipients.length, recipient;
for (i = 0; i < len; i++) {
recipient = jsonResponse.recipients[i];
    checkboxGroup.items.push({
    xtype: 'checkbox',
    boxLabel: recipient.fullName,
    name: 'recipients',
    inputValue: recipient.userID,
    checked: recipient.selected
    });
}

这是此代码的 Json 代码。

{
"success": true,
"recipients": [{
"fullName": "Stuart Ashworth",
"userID": 1,
"selected": true
}, {
"fullName": "Andrew Duncan",
"userID": 2,
"selected": false
}
]
}

当我运行此代码时，在控制台中显示错误。 语法错误:函数语句需要名称 loadCheckboxes:函数(){

请建议我解决此问题。

Answer 1

您似乎正在尝试定义对象的键值:

loadCheckboxes : function(){
    // ...
}

但是，这些应该作为声明的变量或函数:

var loadCheckboxes = function () {
    // ...
};

function loadCheckboxes() {
    // ...
}

因为它们不在object literal内-- {...} -- 其中语法 name: value 将定义设置为 function expressions 的对象的键，可以是匿名的。

相反，它们是 labels接下来是 function declarations ，不能匿名。