当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 向日葵甘特图左侧标题栏名称“解密”

向日葵甘特图左侧标题栏名称“解密”

2018年10月12日  | 移动技术网IT编程  | 我要评论
新项目中用到了向日葵甘特图插件来做相关功能的展示,借鉴了老项目的使用(别人开发的),发现该甘特图的左侧标题栏名称不能直接更改,如下图中的“完成至此时”,因为在gantt.js文件中搜索“完成至此时间”是搜不到的,也包括“完成时间”、“实际开始时间”。

根据该行代码,去除最后一个actualfinish,更新页面后,发现这个就是显示“完成至此时间”的字段。

于是再通过搜索这个actualfinish来看看是怎么获取的,搜索后大概浏览下相关部分的代码,发现了这个“headtext”:

那这个应该就是我们要在上面显示的名称,然后看到另一个地方,如下图所示:

发现没,这是一串字符。我们再找到_obs_3这个方法,应该就是这里在处理这串字符:

 

 

看完这上面的截图,有点晕,很复杂的样子,于是我放弃了。。。

过了一会儿发现,既然所有字符串都是通过这个方法来处理返回字符串,那我过滤下直接返回字符串不就可以了?

说来就来,于是我在这个方法里面套一层switch,把刚才的那串符放进判断里面,如下图:

 

好了,我们再来看看效果:

 完美!!!所以你需要更改哪个名称,你只需要把那个对应的字符串放进判断,返回你需要的名称就可以了。

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网