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";
};