group.md.svn-base

mooltools源码很不错的源码

Class: Group {#Group}
=====================

对类实例的事件进行分组处理。

为一个Group实例添加的某个事件, 会在该组中所有组员的该事件触发过后随之触发. 

例如: 

元素a的click事件监听函数alert('A')

元素b的click事件监听函数alert('B')

元素c的click事件监听函数alert('C')

然后将这三个元素创建一个Group, 并为该Group实例添加click事件, 该事件监听函数alert('a,b,c has been clicked')

以任意顺序分别点击三个元素, 当这三个元素分别被点击后, Group实例的click事件最终触发, 显示a,b,c has been clicked

### 语法:

	var myGroup = new Group(class[, arrays[, class2[, ... ]]]);

### 参数:

任意数量的类实例, 或包含类实例的数组

### 返回值:

* (*object*) Group实例

### 示例:

	var xhr1 = new Ajax('data.js', {evalScript: true});
	var xhr2 = new Ajax('abstraction.js', {evalScript: true});
	var xhr3 = new Ajax('template.js', {evalScript: true});

	var group = new Group(xhr1, xhr2, xhr3);
	group.addEvent('complete', function(){
		alert('All Scripts loaded');
	});

	xhr1.request();
	xhr2.request();
	xhr3.request();



Group 方法: addEvent {#Group:addEvent}
----------------------------------------

为组中类实例的事件堆栈添加事件

###	语法:

	myGroup.addEvent(type, fn);

###	参数:

1. type - (*string*)   事件名(如: 'complete')
2. fn   - (*function*) 当所有组中类实例的指定事件触发后所执行的回调函数

###	返回值:

* (*object*) Group实例

###	示例:

	var myElements = $('myForm').getElements('input, textarea, select');
	myElements.addEvent('click', function(){
		alert('an individual click');
	});

	var myGroup = new Group(myElements);
	myGroup.addEvent('click', function(){
		alert('all form elements clicked');
	});



###	另参考:

[Element.addEvent]: /Element/Element.Event/#Element:addEvent