ext comboBox 设置 displayFiled

最新推荐文章于 2023-04-26 21:35:37 发布

原创最新推荐文章于 2023-04-26 21:35:37 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

本文介绍如何使用ExtJS创建一个只读的组合框，并通过HTTP代理加载数据。具体实现包括定义组件属性，如制式标签、名称和显示字段等，并设置触发动作及宽度。此外，还介绍了如何监听store的加载事件来设置默认显示值。


var zhishi = new Ext.form.ComboBox({
fieldLabel : '制式',
name : 'system',
emptyText:'请选择...',
readOnly : true,
valueField :'systemId',
displayField : 'systemLcName',
mode : 'local', // 必须

//triggerAction : 'all',
width : 140,
store : new Ext.data.Store({
autoLoad : true,
proxy : new Ext.data.HttpProxy({
url : 'ruleOper.do?action=getAllSystem',
method : "post"
}),
reader : new Ext.data.JsonReader({
root : 'list',
id : 'systemId'
}, [{
name : 'systemId'
}, {
name : 'systemLcName'
}])
})
});
zhishi.store.on('load',function(store,record,opts){   

var myvalue= record[0].data.systemId;//这种方法也可以获得第一项的值systemId,systemLcName都是reader 得
  var myrawvalue=record[0].data.systemLcName;
  zhishi.setValue(myvalue);
  zhishi.setRawValue(myrawvalue);
  });