Extjs4.0.7 Formpanel 中各组件属性详解--（持续更新）

1、ComboBox

var store = new Ext.data.SimpleStore({
   fields :['id', 'text'],
   data : [['1','一月'], ['2', '二月'], ['3', '三月'], ['4', '四月'],
     ['5','五月'], ['6', '六月'], ['7', '七月'], ['8', '八月'],
     ['9','九月'], ['10', '十月'], ['11', '十一月'], ['12', '十二月']]
});

var combo = new new Ext.form.ComboBox({
   id :'myCombo',
   name :'name',// name只是改下拉的名称
   hiddenName :'id',// 提交到后台的input的name ，对应下面store里的''id，必须要填
   width :80,
   store :store,// 填充数据
   emptyText :'请选择',
   mode :'local',// 数据模式，local代表本地数据
   readOnly :true,// 是否只读
   value : '',//默认值,要设置为提交给后台的值，不要设置为显示文本,可选
   triggerAction: 'all',// 显示所有下列数据，一定要设置属性triggerAction为all
   allowBlank :false,// 不允许为空
   valueField :'value',// 值,可选
   displayField: 'text',// 显示文本 ，对应下面store里的'text'，
   editable :false,// 是否允许输入
   forceSelection: true,// 必须选择一个选项
   blankText :'请选择'// 该项如果没有选择，则提示错误信息,
  listeners : {
     afterRender : function(combo) {
        var firstValue = store.reader.jsonData[0].text;
        combo.setValue(firstValue);//同时下拉框会将与name为firstValue值对应的text显示
     }
   }

});
combo.on('load',function(){ Ext.getCmp("myCombo").setValue(1);});

//combobox里的id一定要设置，并且不能和hiddenname的值相同，然后通过Ext.getCmp(id值).setValue(value)即可达到html里的select效果，注意这里的value表示的是store里的第几项！

其他说明：

/* 
Ext.form.ComboBox配置表: 
allQuery              String            发往服务器查询全部信息的查询字符串(默认'') 
displayField          String            被显示在下拉框中字段名 
editable              Boolean           设置下拉框是否可以编辑(默认true) 
forceSelection        Boolean           true输入值必须在列表中存在，false用户可输入任何值 
handleHeight          Number            下拉列表中拖动手柄高(默认8,只在resizable配置为true生效) 
hiddenName            String            隐藏字段名，创建一隐藏字段，存储所选值 
lazyInit              Boolean           下拉框得到焦点才初始化下拉列表(默认true) 
lazyRender            Boolean           延时渲染(默认false) 
listAlign             String            列表对齐方式 
listClass             String            应用于下拉列表元素的样式 
listWidth             Number            下拉列表宽度 
loadingText           String            当下拉框加载时显示提示信息(只有mode='remote'才生效) 
maxHeight             Number            下拉框最大高度(默认300) 
minChars              Number            下拉列表框自动选择用户要输入的最小字符数 
                                         mode='remote'默认4 
                                         mode='local'默认0 
                                         editable=false使其自动失效 
minListWidth          Number             设置下拉列表最小宽度,listWidth宽度大于最小宽度，该项被忽略 
mode                  String             设置下拉框数据读取模式 
                                         local:读取本地数据 
                                         remote:读取远程数据 
pageSize              Number             设置下拉列表分页大小(只在mode='remote'生效) 
queryDelay            Number             设置从键入字符结束到发送查询请求的延时 
                                         mode="remote"默认500 
                                         mode="local"默认10 
queryParam            String             查询的名字,默认'query'，被传递查询字符串中 
selectOnFocus         Boolean            当获得焦点立刻选择一存在列表项(默认false),只在editable=true生效