Question

请教一个extjs的combox动态赋值的问题。求帮助！

我代码如下
var storeRole = new Ext.data.Store({
// 获取数据的方式
proxy : new Ext.data.HttpProxy({
url : 'integrateDemo.do?reqCode=queryRole'
}),
reader : new Ext.data.JsonReader({
root : 'ROOT' // Json中的列表数据根节点
}, [{
name : 'roleid' // Json中的属性Key值
}, {
name : 'rolename'
}])
});
storeRole.load();

combox属性部分代码：
new Ext.form.ComboBox({
hiddenName : 'rolename',
fieldLabel : '角色名称',
triggerAction : 'all',
emptyText : '请选择',
store : storeRole,
displayField : 'roleid',
valueField : 'rolename',
mode : 'local',
forceSelection : false, // 选中内容必须为下拉列表的子项
editable : false,
typeAhead : true,
resizable : true,
allowBlank : false,
anchor : '100%'

json字符串为{TOTALCOUNT:100, ROOT:[{"rolename":"研发工程师","roleid":1},{"rolename":"系统管理员","roleid":2},{"rolename":"安全员","roleid":3}]}，但是页面加载出来的下拉框里是空的。
谁帮忙解决一下啊

Answer 1

 // Set up a model to use in our Store
 Ext.define('User', {
     extend: 'Ext.data.Model',
     fields: [
         {name: 'firstName', type: 'string'},
         {name: 'lastName',  type: 'string'},
         {name: 'age',       type: 'int'},
         {name: 'eyeColor',  type: 'string'}
     ]
 });

 var myStore = Ext.create('Ext.data.Store', {
     model: 'User',
     proxy: {
         type: 'ajax',
         url: '/users.json',
         reader: {
             type: 'json',
             root: 'users'
         }
     },
     autoLoad: true
 });

Answer 2

displayField : 'roleid',
valueField : 'rolename'
写反了

显示值应该为rolename valueField应该为roleid

Answer 3

<ul>
<li><a href="#">栏目1->菜单1</a></li>
<li><a href="#">栏目1->菜单2</a></li>
<li><a href="#">栏目1->菜单3</a></li>
<li><a href="#">栏目1->菜单4</a></li>
</ul>