Extjs的下拉列表的显示问题

[7轻狂书生7]

先上代码：

这是我的store代码：
var deptStore = Ext.create('Ext.data.ArrayStore', {
fields: [
{ name: 'deptid', type: 'int' },
{ name: 'deptname', type: 'string' }],
proxy: {
type:'ajax',
url: 'deptlist',
reader:'array'
},
autoLoad:true

});

这是plane中的代码：
xtype : "container",
layout : "hbox",
items : [ {
fieldLabel : "员工部门",
xtype : "combo",
store:deptStore,
mode:'local',
name : "deptname",
vlaueField:"deptname",
triggerAction:"all",
displayField:"deptid",
emptyText:'---请选择---',
},


后台返回的data:
[{"deptid":1,"deptname":"采购部"},{"deptid":2,"deptname":"办公室"},{"deptid":13,"deptname":"人事部"},{"deptid":14,"deptname":"库管部"}]
后台代码：
@Action(value = "/deptlist", results = { @Result(name = "success", type = "json") ,
@Result(name = "error", location = "/error.jsp") })
public String empShow() {
list = deptService.selectDept();
System.out.println(list.size());
data = new JSONArray();
for(Dept de :list){
JSONObject dat = new JSONObject();
dat.put("deptid",de.getDeptId() );
dat.put("deptname", de.getDeptName());
data.add(dat);
}
System.out.println(data);
success = true;
return "success";
}



但是前台显示的下拉列表只显示一个0，反正不能正常显示嘛........各位大神帮忙看看，万分感激呀！！！！