extjs combobox store总结

?

?

?

?

ComboBox组件却需要Ext.data来提供数据。于是Ext.data成了数据的来源，控件则负责显示数据。分工如此的明确，就像PHP中的MVC模式。

Ext.data中有三个比较复杂的类:DataProxy, DataReader, Store. 这三个类难以用语言来描述。暂时可以这么理解：
DataProxy
?
可以看出Ext.data.Store的主要目的是在内存中建立一张数据表，在填充到形态千差万别的组件中，如：ComboBox和GridPanel。
建立一个典型的下拉框：

var?cityCombo?=?new?Ext.form.ComboBox({
????renderTo?:?Ext.getBody(),
????hiddenName??:?'city',?//在ComboBox，中hiddenName才是真正的名字
????mode??:'local',???//默认是remote远程获取模式
????triggerAction:'all',
????store?:?cityStore,???//选择我们刚刚的数据源
????displayField:?'cname',??//显示的字段
????valueField??:?'cid',????//真实的字段
????emptyText???:?'请选择福建的城市',
});

再设置一个按钮通过ComboBox类中的两个方法：getValue()和getRawValue()，来查看下拉列表框的显示值和真实值：

var?btn?=?new?Ext.Button({
????text?:?'列表框的值',
????renderTo?:?Ext.getBody(),
????handler?:?function()?{
????????Ext.Msg.alert('结构','实际值:'?+?cityCombo.getValue()?+?'; 显示值:'?+?cityCombo.getRawValue());
????}
});