extjs JsonStore加载数据,Combobox只显示最后一项值问题

extjs3.3.1版本

JsonStore代码

var sexStore_para = new Ext.data.JsonStore({//对应类别store   
                                url:'/himp/related_user_info!getTheDataProvidedToComboboxAjax.action',//'/financeStaff.do?method=dictData',// root:'model',fields:[{   
                                    name:'returnValue',mapping:'itemid'  
                                },{   
                                    name:'displayText',mapping:'itemname'  
                                }]
                            }); 

请求返回Json数据
[{"id":0,"itemid":"","itemname":"<全部>","pycode":null,"wbcode":null,"gbcode":null,"parentcode":null,"issys":null,"numvalue":null},{"id":2,"itemid":"1","itemname":"男","issys":"2","itemid":"2","itemname":"女","itemid":"9","itemname":"未知","numvalue":null}]

id代表的是数据库中的一个字段,代表的是类型ID,而非位置的id值

问题;

如何解决这个问题:

需要将以上代码改正为一下代码:

var sexStore_para = new Ext.data.JsonStore({//对应类别store   
                                url:'/himp/related_user_info!getTheDataProvidedToComboboxAjax.action',idProperty: 'itemid',mapping:'itemname'  
                                }]
                            }); 

在这个时候需要你手动指定
idProperty
如果你不指定默认为id,id值一样当然会在循环的过程中一直被覆盖值,直到最后看见的是该id的最后一项的值,改正后的效果.

问题解决后效果图:

combobox代码:

//性别类型
var sexCode_para = new Ext.form.ComboBox({//对应类别的下拉框
        id: 'sexCode_para',name:'sexCode_para',store: sexStore_para,width:60,mode: 'local',triggerAction: 'all',valueField: 'returnValue',displayField: 'displayText',editable:false
    });

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...