Gantt - gantt.templates of the Timeline Area - 时间线区域的模板

Templates of the Timeline Area

gantt.templates = {
	leftside_text: '指定分配给左侧任务栏的文本',
	progress_text: '指定任务栏完成部分的文本',
	rightside_text: '指定分配给右侧任务栏的文本',
	scale_cell_class: '指定将应用于时间尺度单元格的 CSS 类',
	scale_row_class: '指定将应用于整个时间尺度的 CSS 类',
	timeline_cell_class: '指定将应用于时间轴区域单元格的 CSS 类',
	task_class: '指定将应用于任务栏的 CSS 类',
	task_row_class: '指定将应用于时间轴区域行的 CSS 类',
	task_text: '指定任务栏中的文本和灯箱的标题'
}

 

 用法：

leftside_text: 指定分配给左侧任务栏的文本

/**

   * @param start:Date 任务计划开始的日期

   * @param end:Date 计划完成任务的日期

   * @param task:object 任务对象

  */

gantt.templates.leftside_text = function (start, end, task) {
	return "leftside_text";
};

---

progress_text: 指定任务栏完成部分的文本

/**

   * @param start:Date 任务计划开始的日期

   * @param end:Date 计划完成任务的日期

   * @param task:object 任务对象

  */

gantt.templates.progress_text = function (start, end, task) {
	return "progress_text";
};

---

rightside_text: 指定分配给右侧任务栏的文本

/**

   * @param start:Date 任务计划开始的日期

   * @param end:Date 计划完成任务的日期

   * @param task:object 任务对象

  */

gantt.templates.rightside_text = function (start, end, task) {
	return "rightside_text";
};

---

scale_cell_class: 指定将应用于时间尺度单元格的 CSS 类

/**

   * @param date:Date 单元格的日期

  */

// css:
 .scale_cell_class{ background: #f4f7f4!important; }
// js:
gantt.templates.scale_cell_class = function (date) {
	if (date.getDay() == 0 || date.getDay() == 6) {
		return "scale_cell_class";
	}
};

---

scale_row_class: 指定将应用于整个时间尺度的 CSS 类

/**

   * @param scale:object scale的配置对象

  */

// css:
 .day_scale{ background - color: #C3C7D4; }
 .week_scale{ background - color: #E5DFE8; }
 .month_scale{ background - color: #DFE8DF; }
//  js:
gantt.templates.scale_row_class = function (scale) {
	switch (scale.unit) {
		case "day":
			return "day_scale";
		case "month":
			return "month_scale";
		default: // "week"
			return "week_scale";
	}
};

---

timeline_cell_class: 指定将应用于时间轴区域单元格的 CSS 类

/**

   * @param item:object 分配给行的任务对象

   * @param date:Date 单元格的日期

  */

// css：
 .timeline_cell_class{ background: #f4f7f4!important; }
// js：
gantt.templates.timeline_cell_class = function (task, date) {
	if (date.getDay() == 0 || date.getDay() == 6) {
		return "timeline_cell_class";
	}
};

---

task_class: 指定将应用于任务栏的 CSS 类

/**

   * @param start:Date 任务计划开始的日期

   * @param end:Date 计划完成任务的日期

   * @param task:object 任务对象

  */

gantt.templates.task_class = function (start, end, task) {
	return "task_class";
};

---

task_row_class: 指定将应用于时间轴区域行的 CSS 类

/**

   * @param start:Date 任务计划开始的日期

   * @param end:Date 计划完成任务的日期

   * @param task:object 任务对象

  */

gantt.templates.task_row_class = function (start, end, task) {
	return "task_row_class";
};

---

task_text: 指定任务栏中的文本和灯箱的标题

/**

   * @param start:Date 任务计划开始的日期

   * @param end:Date 计划完成任务的日期

   * @param task:object 任务对象

  */

gantt.templates.task_text = function (start, end, task) {
	return 'task_text';
};

---