Extjs4 的ComboBox select 事件(event)的例子(代码)

2014-01-08 11:05:13   来源：   评论：0 点击：4973

Extjs 4 的ComboBox select 事件(event)的例子(代码)

首先看Extjs4中ComboBox的select事件方法的定义: select : ( Ext.form.field.ComboBox combo, Array records, Object index )

Extjs4中ComboBox的select事件参数说明如下:

combo :Ext.form.field.ComboBoxThis combo boxrecord : ArrayThe selected recordseOpts : ObjectThe options object passed to Ext.util.Observable.addListener.

ComboBox的select事件的使用代码如下:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

Ext.onReady(function(){

  

 vartask_list_data1=[['1','有效'],['0','无效'] ]; 

varlist_reader110="list_reader110";

 Ext.define(list_reader110,{extend:'Ext.data.Model'

 , fields: [ {name: 'value'},{name:'text'}]}); 

vartask_list_store1= Ext.create("Ext.data.ArrayStore"

, {model: list_reader110,data:task_list_data1});

 

vartask_list_select=Ext.create('Ext.form.field.ComboBox',{

name:"isUse",hiddenName:'isUse',id:"isUseSelect",

editable:false,displayField:'text',valueField:'value',

store:task_list_store1,

typeAhead:true, forceSelection :true,

emptyText:'请选择状态',allowBlank:true,

//因为data已经取数据到本地了，所以'local',默认为"remote"，枚举完

selectOnFocus:true,triggerAction:'all',queryMode:'local',

width:120,blankText:'请选择状态',

listeners:{

   select:function(combo,record,opts) { 

      alert( record[0].get("value"));

      alert( record[0].get("text"));

   } 

  }  

 });

 

 });

分享到：      收藏

相关热词搜索：Extjs4 ComboBox select 事件 event 例子 代码

上一篇：Extjs 3 的ComboBox select 事件(event)的例子(代码)
下一篇：(代码)Extjs4的Ext.grid.Panel的行双击事件事件itemdblclick rowdblclick