Extjs的Ext.form.ComboBox

Extjs的ComoBox类似于HTML中的select表单对象，其中select的option是由Store对象进行管理的。在使用Combobox的时候碰到各式各样的问题或要求，以下介绍一些典型的使用方式。

Form中提交ValueField

Store中的每条记录（record）包含两个（或两个以上）的属性，一个用于展示（displayField），一个是实际值（valueField），在Extjs的Form进行表单提交时（使用submit方法），默认会提交displayField，如果需要提交valueField，需要配置hiddenName属性。

在EditorGirdPanel中使用Combobox

Extjs提供了类似于Excel的多记录编辑列表，当编辑器（Edior）是Combobox时，单元格编辑完成光标移出后显示ValueField的值，所以需要在对应的列中配置renderer属性。通过Value在Store中找出对应的record，使用record的get方法获取对应displayField的值。

使Combobox初始化后设置Value

设置Combobox的value属性后，由于combobox默认初始化时不加载数据，且由于Ajax的延迟不会正确显示对应的displayField。这时，需要在Combobox初始化时就加载数据并在数据加载结束之后设置value。配置Combobox的lazyInit为false，对应store的autoLoad为true，通过Store的render事件为store添加load事件设置Combobox的Value。

							listeners : {
								render : function(combo){
									combo.getStore().on('load',function(){
										combo.setValue(combo.getValue());
									})			
								}
							}

   使Combobox每次点击时都重新加载数据

Combobox在默认情况下只会加载一次数据，之后就只是用Store中存储的数据。但是在有些情况下需要让Combobox每次都从后台获取最新数据，这时可以通过在查询之前删除Combobx的lastQuery属性，强制Store进行刷新。

listeners: {
        // delete the previous query in the beforequery event or set
        // combo.lastQuery = null (this will reload the store the next time it expands)
        beforequery: function(qe){
            delete qe.combo.lastQuery;
        }
    }

持续完善中...