Gantt - gantt.templates of the Grid - 网格模板

Templates of the Grid

gantt.templates = {
	date_grid: '指定网格中开始日期或结束日期列的内容',
	grid_blank: '指定在树列子项标签前插入的自定义内容',
	grid_date_format: '指定“开始时间”列中日期的格式',
	grid_file: '指定树列中子项的图标',
	grid_folder: '指定树列中父项的图标',
	grid_header_class: '指定将应用于表格列标题的 CSS 类',
	grid_indent: '指定分支中子项的缩进（在树列中）',
	grid_open: '指定树列中打开/关闭标志的图标',
	grid_row_class: '指定将应用于网格行的 CSS 类'
}

 用法:

date_grid: 指定网格中开始日期或结束日期列的内容

/**

   * @param date:Date 需要格式化的日期

   * @param task:object 任务对象

   * @param column:string 调用模板的列的名称

  */

gantt.templates.date_grid = function (date, task, column) {
	return gantt.templates.grid_date_format(date);
};

---

grid_blank: 指定在树列子项标签前插入的自定义内容

/**

   * @param task:object 任务对象

  */

gantt.templates.grid_blank = function (item) {
	return "<div>grid_blank</div>";
};

---

grid_date_format: 指定“开始时间”列中日期的格式

/**

   * @param date:Date 需要格式化的日期

   * @param column:string 调用模板的列的名称

  */

gantt.templates.grid_date_format = function (date, column) {
	return gantt.date.date_to_str(gantt.config.date_grid)(date);
};

---

grid_file: 指定树列中子项的图标

/**

   * @param task:object 任务对象

  */

gantt.templates.grid_file = function (item) {
	return "<div>grid_file</div>";
};

---

grid_folder: 指定树列中父项的图标

/**

   * @param task:object 任务对象

  */

gantt.templates.grid_folder = function (item) {
	return "<div>" + (item.$open ? "open" : "closed") + "</div>";
};

---

grid_header_class: 指定将应用于表格列标题的 CSS 类

/**

   * @param columnName:string 列的名称（在列对象的“名称”属性中指定）

   * @param column:object 列对象（在gantt.config.columns配置中指定）

  */

gantt.templates.grid_header_class = function (columnName, column) {
	return "grid_header_class";
};

---

grid_indent: 指定分支中子项的缩进（在树列中）

/**

   * @param task:object 任务对象

  */

gantt.templates.grid_indent = function (item) {
	return "<div>grid_indent</div>";
};

---

grid_open: 指定树列中打开/关闭标志的图标

/**

   * @param task:object 任务对象

  */

gantt.templates.grid_open = function (item) {
	return "<div>" + (item.$open ? "close" : "open") + "</div>";
};

---

grid_row_class: 指定将应用于网格行的 CSS 类

/**

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

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

   * @param task:object 任务对象

  */

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

---