[javascript]データの表示について

Question

現在，jquery.ganttを使ってスケジュール管理を行っているのですが，ガントチャートをクリックすると今格納されているデータを表示させたいのですがどのようにすればよろしいでしょうか．

jquery.gantt

http://taitems.github.io/jQuery.Gantt/

サンプルでは，オブジェクトをクリックしたか，オブジェクト外をクリックしたのかを表示しています．

Answer 1

ドキュメントを読んだところ、onItemClickメソッドの引数はsource[].values.dataObjのようです。
ですから、データ設定時にsource[].values.dataObjに表示したい内容を設定し、

onItemClick: function(data) {
	alert(data);
}

とすればいいと思います。

表示する内容をいちいち設定するのがダルイ、という場合は、データを読み込ませるときにsource[].values.dataObjにgetterをつくってthisを返すようにし、onItemClickメソッドでよきにはからう、というのもいいかもしれません。

$(".gantt").gantt({
	source: [{
		name: "Sprint 0",
		desc: "Analysis",
		values: [{
			from: "/Date(1320192000000)/",
			to: "/Date(1322401600000)/",
			label: "Requirement Gathering",
			customClass: "ganttRed",
			get dataObj(){return this}
		}]
	},{

/...

	onItemClick: function(data) {
		alert('My label is ' + data.label);
	}