组合框将不显示加载的存储数据
Combobox will not display loaded store data
我使用的是ExtJS 4.2,当我在loadComboBox()
中打印store
时,项目存在,但不会出现在下拉列表中。下拉列表为空。
这是JSFiddle演示。
Ext.define('ReportFieldModel', {
extend: 'Ext.data.Model',
fields: [{
'name': 'name',
'type': 'string'
}]
});
Ext.define('ReportFieldComboStore', {
extend: 'Ext.data.JsonStore',
model: 'ReportFieldModel'
});
var config = {
'type': "Summary",
'columns': [
"red",
"yellow",
"orange",
"green",
"blue",
"indigo",
"violet"]
};
function processItem(item) {
return Ext.create('ReportFieldModel', {
name: item
});
}
function processItems(data) {
var arr = [];
if (data && data.length > 0) {
for (var i = 0; i < data.length; i++) {
arr.push(processItem(data[i]));
}
}
return arr;
}
function loadComboBox(combo, data) {
var store = combo.store;
var columns = data.columns;
var processed = processItems(columns);
console.log(JSON.stringify(processed, undefined, 2));
store.loadData(processed, false);
}
Ext.onReady(function () {
var resultsPanel = Ext.create('Ext.panel.Panel', {
title: 'Results',
width: 200,
height: 400,
renderTo: Ext.getBody(),
layout: {
type: 'vbox',
align: 'stretch',
padding: 5
},
items: [{
xtype: 'combo',
itemId: 'myCombo',
displayField: 'name',
valueField: 'name',
mode: 'local',
store: Ext.getStore('ReportFieldComboStore')
}]
});
loadComboBox(resultsPanel.down('#myCombo'), config);
});
配置是queryMode
,而不是mode
。
相关文章:
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- 如何以特定格式存储数据?在WYSWYG中
- web浏览器中的离线应用程序存储数据并在之后上传
- 在firebase(web)上存储数据时出现问题
- 使用会话Javascript存储数据
- 通过CK编辑器获取值和存储数据
- 存储数据的最佳方式是什么,以便与jquery一起使用
- 如何在网页之间存储数据
- jQuery 设置和获取下拉列表和输入的本地存储数据
- 如何通过HTML 5 javascript在本地ipad / iPhone上存储数据,并在设备上线时提交
- 使用 Cookie 存储数据
- 如何将本地存储数据提交到 Django
- 如何在循环jQuery中的数组中存储数据
- 正在从表行中删除本地存储数据
- 在web应用程序中存储数据
- 自动将jqgrid滚动到具有存储数据的单元格的当前日期列和闪烁效果
- 如何将复选框呈现为从本地存储数据中选中的复选框
- 如何使用Ajax检索和存储数据
- 方法存储数据,直到浏览器关闭
- 如何在redux sagas完成之前通过meta标签加载初始存储数据