Javascript ExtJS组合框不显示元素

Javascript ExtJS组合框不显示元素,javascript,extjs,Javascript,Extjs,我很难在ExtJS中获得显示下拉项的组合框。我最初使用XmlStore动态加载数据,但为了确保这不是问题所在,我使用了一个现有的组合框,该组合框使用一个简单的ArrayStore(目前在我的应用程序的其他地方工作),以查看它是否能工作,但仍然没有运气 当使用Chrome的开发者工具时,当我点击ComboBox元素时,我会得到ext all debug.js:41166-Uncaught TypeError:无法调用未定义的方法“getStyle”,下拉列表中不会显示任何内容 这是我的密码: Ev

我很难在ExtJS中获得显示下拉项的组合框。我最初使用XmlStore动态加载数据,但为了确保这不是问题所在,我使用了一个现有的组合框,该组合框使用一个简单的ArrayStore(目前在我的应用程序的其他地方工作),以查看它是否能工作,但仍然没有运气

当使用Chrome的开发者工具时,当我点击ComboBox元素时,我会得到
ext all debug.js:41166-Uncaught TypeError:无法调用未定义的方法“getStyle”,下拉列表中不会显示任何内容

这是我的密码:

EventForm = Ext.extend(Ext.form.FormPanel, {
    constructor: function(config) {
        config = Ext.apply({
            items: [
                {
                    layout: 'column',
                    xtype: 'container',
                    items: [
                        {
                            layout: 'form',
                            xtype: 'container',
                            columnWidth: 0.5,
                            items: [
                                {
                                    fieldLabel: 'My Combo Box'
                                    name: 'mycombobox',
                                    xtype: 'combo',
                                    store: new Ext.data.ArrayStore({
                                        fields: ['size'],
                                        data: [
                                            ['50'],
                                            ['100'],
                                            ['150'],
                                            ['200']
                                        ]
                                    }),
                                    displayField: 'size',
                                    valueField: 'size',
                                    forceSelection: true,
                                    editable: false,
                                    triggerAction: 'all',
                                    mode: 'local',
                                    listWidth: 60,
                                    width: 60
                                }
                            ]
                        }, {
                            // another column here similar to above
                        }
                    ]
                }
            ]
        }, config);

        EventForm.superclass.constructor(config);
    }
});

您的
数据
数组必须包含对象列表,并且由
字段
提供的键必须是您的数据在这些对象中引用的键。
数据
数组的正确语法可以是:

data: [
    {'size':'50'},
    {'size':'100'},
    {'size':'150'},
    {'size':'200'}
]

(可能是,因为我现在没有机会验证)

您没有正确调用EventForm超类的构造函数。将构造函数的最后一行更改为:

EventForm.superclass.constructor.call(this, config);

我列出的组合框代码实际上来自我的应用程序的另一部分,可以正常工作。最后,我将使用XmlStore,但我想为了消除远程加载时可能出现的错误,我将使用一个现有的组合框,该组合框在我的应用程序的另一部分中工作。所有相同“大小”的键肯定无法工作。。。{is object notation,array is[]…数组存储需要这种格式:数据:[[“50”,“50”,“100”,“100”]]头撞桌子-谢谢你注意到我愚蠢的错误:)