关于Ext.form.ComboBox的使用

这几天学习用Ext，有个问题不知道咋解决。
就是html的中下拉框不是有key跟value表示嘛。
<select name="select" id="select">
    <option value="value">key</option>
  </select>
那么在Ext中如何表示如上代码呀。
用ComboBox能表示出下拉框，并表示出<option value="value">key</option>
中的key。
但value这一选项在哪里呀？

我主要是想在前台显示一个key，但在后台接收的时候，接收的是value的值。

Ext.onReady(function(){
 var cities=[
  [1,'大港区'],
  [2,'静海'],
  [3,'宁河'],
  [4,'宝坻'],
  [5,'武清'],
  [6,'蓟县']
  
 ];
 var proxy=new Ext.data.MemoryProxy(cities);
 var City=new Ext.data.Record.create([
 {name:'cid',type:'int',mapping:0},
 {name:'cname',type:'string',mapping:1}
 ]);
 var reader=new Ext.data.ArrayReader({},City);
 var store=new Ext.data.Store({
  proxy:proxy,
  reader:reader,
  autoLoad:true
 });
 var combobox=new Ext.form.ComboBox({
  renderTo:Ext.getBody(),
  tiggerAction:'all',
  store:store,
  readOnly:true,
  displayField:'cname',
  valueField:'cid',
  mode:'local',
  emptyText:'请选择城市....'
 }
 );
 var button=new Ext.Button({
  text:'列表的值',
//  renderTo:Ext.getBody(),
  handler:function(){
   Ext.Msg.alert(combobox.getValue()+','+combobox.getRawValue());
  }
 });

}
)