Ext_组合下拉框_Ext.form.FormPanel

<mce:script type="text/javascript"><!-- /* 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生效 store Ext.data.Store 列表框绑定数据源(默认undefined) title String 列表框头 transform Mixed 将页面以存在元素转换组合框 triggerAction String 设置单击触发按钮执行默认操作，值'all'执行allQuery中查询，'query' typeAhead Boolean 设置输入中是否自动匹配剩余文本(默认false) typeAheadDelay Number 设置输入中自动匹配剩余文本延时时间(默认250) value String 初始化组合框中值 valueField String 下拉框值自段 valueNotFoundText String 值不存在时错误信息提示 */ Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif'; var config = { fields:['province','post'], data:[['北京','10000'],['通县','101100'],['昌平','102200'],['大兴','102600'], ['密云','101500'],['延庆','102100'],['顺义','101300'],['怀柔','101400']] } //定义组合框中显示的数据源 var store = new Ext.data.SimpleStore(config); config = { title:'Ext.form.ComboBox示例', labelSeparator:':', labelWidth:80, bodyStyle:'padding:5 5 5 5', frame:true, height:100, width:300, renderTo:'form', items:[ new Ext.form.ComboBox({ id:'post', fieldLabel:'邮政编码', triggerAction:'all', //单击触发按钮显示全部数据 //设置数据源 store:store, displayField:'province', //定义要显示的字段 valueField:'post', //定义值字段 mode:'local', //本地模式 forceSelection:true, //要求输入的值必须在列表中存在 resizable:true, //允许改变下拉列表大小 typeAhead:true, //允许自动选择剩余部分文本 value:'101100', //默认选择的项 handelHeight:10 //下拉列表中拖动手柄的高度 }) ] } var form = new Ext.form.FormPanel(config); }); // --></mce:script>