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

2018-10-13 06:28:45来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

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

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

 

 

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

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

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

 

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

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Bootstrap table的基础用法

下一篇:关于火狐和IE下href="javascript:void(0)"兼容性的问