看extjs源碼發現有很多MixedCollection, 它一個Collection類,既包含了數字索引也包含了key,並暴露了相關事件。它相當於java裡的map和list,有四個事件:添加元素add、刪除元素remove、替換元素replace、清空集合clear
(一)看看它是怎麼用的
1 // 一般方法
2 var mc = new Ext.util.MixedCollection();
3 mc.add(someEl.dom.id, someEl);
4 mc.add(otherEl.dom.id, otherEl);
5 //等等
6
7 // 使用getKey
8 var mc = new Ext.util.MixedCollection();
9 mc.getKey = function(el){
10 return el.dom.id;
11 };
12 mc.add(someEl);
13 mc.add(otherEl);
14
15 // 或者通過構造器
16 var mc = new Ext.util.MixedCollection(false, function(el){
17 return el.dom.id;
18 });
19 mc.add(someEl);
20 mc.add(otherEl);
1 // 一般方法
2 var mc = new Ext.util.MixedCollection();
3 mc.add(someEl.dom.id, someEl);
4 mc.add(otherEl.dom.id, otherEl);
5 //等等
6
7 // 使用getKey
8 var mc = new Ext.util.MixedCollection();
9 mc.getKey = function(el){
10 return el.dom.id;
11 };
12 mc.add(someEl);
13 mc.add(otherEl);
14
15 // 或者通過構造器
16 var mc = new Ext.util.MixedCollection(false, function(el){
17 return el.dom.id;
18 });
19 mc.add(someEl);
20 mc.add(otherEl);
(二)添加調用add方法即可,addAll方法用來添加一個個Array或者Object,如果 建構函式的allowFunctions被設定為true,那麼函數引用也將被添加到集合中。
(三)取值會用到四個方法,item方法返回綁定到所傳遞的key或者index的項目。 key的優先順序比index高。這與首先調用key 等價,然後如果沒有項目匹配時調用 itemAt。 即它們的優先順序是item (String/Number key) 、key(String/Number key) ->get(Number index) ->itemAt(Number index)
(四)比較常用的方法each、contains、remove等等等