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