向日葵甘特图左侧标题栏名称“解密”
程序员文章站
2022-07-05 17:41:12
根据该行代码,去除最后一个ActualFinish,更新页面后,发现这个就是显示“完成至此时间”的字段。 于是再通过搜索这个ActualFinish来看看是怎么获取的,搜索后大概浏览下相关部分的代码,发现了这个“headText”: 那这个应该就是我们要在上面显示的名称,然后看到另一个地方,如下图所 ......
新项目中用到了向日葵甘特图插件来做相关功能的展示,借鉴了老项目的使用(别人开发的),发现该甘特图的左侧标题栏名称不能直接更改,如下图中的“完成至此时”,因为在gantt.js文件中搜索“完成至此时间”是搜不到的,也包括“完成时间”、“实际开始时间”。
根据该行代码,去除最后一个actualfinish,更新页面后,发现这个就是显示“完成至此时间”的字段。
于是再通过搜索这个actualfinish来看看是怎么获取的,搜索后大概浏览下相关部分的代码,发现了这个“headtext”:
那这个应该就是我们要在上面显示的名称,然后看到另一个地方,如下图所示:
发现没,这是一串字符。我们再找到_obs_3这个方法,应该就是这里在处理这串字符:
看完这上面的截图,有点晕,很复杂的样子,于是我放弃了。。。
过了一会儿发现,既然所有字符串都是通过这个方法来处理返回字符串,那我过滤下直接返回字符串不就可以了?
说来就来,于是我在这个方法里面套一层switch,把刚才的那串符放进判断里面,如下图:
好了,我们再来看看效果:
完美!!!所以你需要更改哪个名称,你只需要把那个对应的字符串放进判断,返回你需要的名称就可以了。
上一篇: JQuery防止退格键网页后退的实现代码
下一篇: 儿子小学一年级