Ext.form.ComboBox简单用法

 

Ext.form.ComboBox简单用法

标签： autocompletequery存储function2010

2009-12-22 16:33  5880人阅读  评论(1)  收藏  举报

  分类：

ExtJs（9） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

[javascript]  view plain copy

1. //二维数组,保存年份的值和文本,文本作显示用  
2. var year = [['2005', '2005'], ['2006', '2006'], ['2007', '2007'],  
3.         ['2008', '2008'], ['2009', '2009'], ['2010', '2010'],  
4.         ['2011', '2011'], ['2012', '2012']];  
5. //SimpleStore=Store+MemoryProxy+ArrayReader  
6. var storeyear = new Ext.data.SimpleStore({  
7. //在此创建了两列数据.第一列列名为value,用于存储值  
8. //第二列列名为text,用于存储显示文本  
9.           fields : ['value', 'text'],  
10.           data : year  
11.         });  
12. var yearCombox = new Ext.form.ComboBox({  
13.     fieldLabel : '目标年份',//标签  
14.     //hiddenName :隐藏域名,用于指示生成表单隐藏域.如将hiddenName改为name,则在传值时会传文本的值  
15.     hiddenName : 'year',  
16.     store : storeyear,  
17.     //displayField :显示文本.名字必须跟storeyear定义的field(即名为text)一样  
18.     displayField : 'text',  
19.     //valueField :值.名字必须跟storeyear定义的field(即名为value)一样  
20.     valueField : 'value',  
21.     typeAhead : true,  
22.     //mode :值local表明yearCombox需要的数据已经读取到本地,不需要再去后台读取  
23.     //mode默认值为remote,当值为remote时,会默认加载数据.可以设mode为local,然后手工加载数据storeyear.load()  
24.     //如果设置为remote又使用了storeyear.load(),则会读取两次  
25.     mode : 'local',  
26.     //triggerAction :默认值为query,如果值为query,它会使用autoComplete(自动完成)功能  
27.     //在输入时将不匹配的过滤掉.而值为all时将显示所有列表  
28.     triggerAction : 'all',  
29.     editable : false,//是否可编辑,类似于readOnly属性  
30.     emptyText : '请选择',// 默认提示信息  
31.     allowBlank : false,//是否允许空  
32.     blankText : '不能为空，请选择有效信息',//错误提示信息  
33.     msgTarget : 'under',//在该组件的下面显示错误提示信息  
34.     selectOnFocus : true,  
35.     width : 200 //该combobox组件的宽  
36. });