Class: Group

このクラスはクラスやイベントをグループ化するためのものです。Groupに添附されたイベント、はグループの要素に添附されたイベントがすべて発生したときに発生します。

構文:

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

引数:

クラスインスタンスや、クラスインスタンスを含む配列などを幾つでも。

戻り値:

  • (オブジェクト) 新しい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

クラスインスタンスのイベント集合に対してイベントを添附します。

構文:

myGroup.addEvent(type, fn);

引数:

  1. type - (文字列) 添附するイベント名(e.g. 'complete')。
  2. fn - (関数) 全てのインスタンスのイベントが発生したときに実行するコールバック関数。

戻り値:

  • (オブジェクト) この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');
});

参考情報:

このドキュメントはMooToolsのドキュメントを元に高橋文樹が翻訳(ちょっと改変)しました。
本家と同じく、Attribution-NonCommercial-ShareAlike 3.0ライセンスで公表されています。

トップに戻る