项目场景：

客制化gantt 图标

问题描述

客制化gantt 图标

原因分析：

修改任务的图标
gantt 图标修改成小红旗
type=新增的类型即可

解决方案：

修改任务的图标

gantt.templates.grid_file = function(item) {if(item.type!=gantt.config.types.milestone_task && item.type!=gantt.config.types.project){return "<div class='gantt_tree_icon gantt_cus_task'></div>";} else {return "<div class='gantt_tree_icon gantt_file'></div>";}
};

添加样式

.gantt_tree_icon.gantt_cus_task{background-image: url("task.png");
}

gantt 图标修改成小红旗
gantt.config.types新增一个类型

gantt.config.types["milestone_task"] = "milestone_task";
gantt.locale.labels["type_milestone_task"] = "milestone_task";gantt.locale.labels.section_title = "Subject";
gantt.locale.labels.section_details = "Details";
gantt.config.lightbox["milestone_task_sections"] = [{name: "title", height: 20, map_to: "text", type: "textarea", focus: true},{name: "details", height: 70, map_to: "details", type: "textarea", focus: true},{name: "type", type: "typeselect", map_to: "type"},{name:"time",        height:72, map_to:"auto", type:"duration", single_date:true}
];
//sections for regular lightbox
gantt.config.lightbox.sections = [{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},{name: "type", type: "typeselect", map_to: "type"},{name: "time", type: "duration", map_to: "auto"}
];
gantt.templates.task_class = function (start, end, task) {if (task.type == gantt.config.types.milestone_task) {return "milestone_task";}return "";
};gantt.templates.task_text = function (start, end, task) {if (task.type == gantt.config.types.milestone_task) {return "";}return "task.name";
};gantt.templates.rightside_text = function (start, end, task) {if (task.type == gantt.config.types.milestone_task) {return task.text;}return "";
};

添加样式

.gantt_task_line.milestone_task .gantt_task_content{left: 10px;display: inline-block;color:#d33daf;visibility: visible !important;box-sizing: border-box;background: url("hongqi.png");width: 28px !important;height: 24px !important;
}.gantt_task_line.milestone_task {border: none;width: 70px !important;height: 20px !important;background-color: rgba(0,0,0,0) !important;box-shadow: none;
}.gantt_task_line.milestone_task .gantt_task_progress_wrapper,
.gantt_task_line.milestone_task .gantt_task_progress_drag,
.milestone_task .gantt_task_drag.task_right.task_end_date,
.milestone_task .gantt_task_drag.task_left.task_start_date
{display: none;
}

最后指定type=新增的类型即可

gantt客制化gantt 图标相关推荐

MKS TFT（3d打印触屏屏幕）如何定制客制化图标及logo制作说明
以TFT7.0为例: MKS TFT7.0使用手册第27页有介绍如何定制图标及logo制作说明 https://raw.githubusercontent.com/lineuve/MKS-TFT/ma ...
一步步客制化Android桌面（Launcher3）图标
由于最近在负责MTK5.1的Android系统开发,所以本文就以5.1的代码为参考.其它版本虽然会略有不同,但是修改思路是大致相同的. 在市面上很多手机都会对原生桌面进行一些修改,比如把时钟.日历修改 ...
Launcher Go布局客制化
Launcher是安卓系统中的桌面启动器,安卓系统的桌面UI统称为Launcher.Launcher是安卓系统中的主要程序组件之一,安卓系统中如果没有Launcher就无法启动安卓桌面布局配置布局 ...
Android 信号格客制化问题处理
[Android Q] 信号强度客制化代码位置: NR(5G) CellSignalStrengthNr.java updateLevel() LTE MtkSignalStrength.java u ...
Android 12.0 Launcher客制化指导手册
主要包含 Launcher3升级变化:小部件变化 . Go版本差异.支持自动生成Work文件夹 . UI客制化 :桌面布局 .布局配置 .预置图标 .图标客制化 .待机界面客制化.应用抽屉客制化功能 ...
SystemUi状态栏客制化功能和常见问题分析
一.多图标成点当系统图标区域或者通知图标区域图标过多,而区域不够时,就会将多余的图标隐藏,并显示一个点,如下图所示. 介绍此功能之前先看一下图标的初始化过程,从中可以看到有个config_statu ...
手机应用商城的本质是实现手机的大规模客制化
一.首先,本文的前提观点是:同类产品匮乏让大规模更具价值,同类产品充裕让客制化更具价值比如冰箱刚出的时候,市面上产品比较少,竞争对手也少,那么大规模生产可以有效地控制成本和质量,这样做对企业而言是比 ...
客制化NVRAM的以太网地址
在使用SN Write写Ethernet MAC过程中出现了以下的错误: ERROR!! Ethernet Mac:MetaResult = SPMETA_DLL::META_LID_INVALID. ...
客制化键盘键位修改_干电池支持5设备无线连接 - 高斯ALT71机械键盘拆解评测...
近一段时间,本人就感觉小型紧凑机械键盘键盘很火,这点我很意外,一直以来都是87键和104键的天下,怎么突然就很火热呢?我真的是LOW.小型紧凑型机械键盘种类很多,有60.61.64.66.67.68. ...

gantt客制化gantt 图标

项目场景：

问题描述

原因分析：

解决方案：

gantt客制化gantt 图标相关推荐

最新文章

热门文章