我已经尝试了两天但无法找到解决方案。我要做的是将数据远程加载到商店中,这是我的代码:
var ds = Ext.create('Ext.data.ArrayStore', {
proxy: {
type: 'ajax',
url : './index.php/firewall/loadRules',
},
fields: ['value','text'],
totalProperty: 'num',
sortInfo: {
field: 'value',
direction: 'ASC'
}
});
ds.load();
在此之后将此商店分配给多选组件,其代码如下:
var form_number_list = Ext.create('Ext.form.Panel', {
border: false,
bodyPadding: 5,
id: 'form_number_list',
width: '35%',
height: '100%',
flex: 3,
items: [{
anchor: '93%',
xtype: 'multiselect',
msgTarget: 'side',
name: 'multiselect',
id: 'fire_select',
allowBlank: false,
minSelections: 1,
maxSelections: 1,
store: ds
}]
});
ajax 调用返回此值:
[['012345', '012345'], ['012346', '012346'], ['01234567', '01234567'], ['546747', '546747'], ['54663', '54663'], ['546638', '546638'], ['46767638', '46767638'], ['63568545868', '63568545868'], ['6368688', '6368688'], ['35468488', '35468488'], ['84584845', '84584845'], ['56345738', '56345738'], ['533478', '533478'], ['583477', '583477'], ['563457548', '563457548'], ['53755438', '53755438'], ['53657648', '53657648'], ['5367764', '5367764'], ['563673673', '563673673'], ['5436638', '5436638'], ['46363773', '46363773'],]
现在在浏览器中,多选框正在加载这么多项目,但它们的值没有显示,我的意思是所有项目都是空项目。在 Firebug 中,我可以看到所有项目的空“li”标签。
最佳答案
您错过了多选的字段映射属性。您必须添加:
displayField: 'text',
valueField: 'value'
到您的多选。另外,请记住,最好返回正确的 json 而不是数组,因为您似乎正在使用总属性。您可以按如下方式使用 json:
{"rows": [{"text" : "012345","value": "012345"},{"text": "012346","value": "012346"},{"text": "01234567","value": "01234567"},{"text": "546747","value": "546747"}],"num": 4}
为此,您必须使用 JsonStore 而不是 Array。您选择 ArrayStore 有什么特别的原因吗?
关于javascript - 从 extjs 中的存储加载数据后,数据未显示在多选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7315729/