SharePoint 日历根据Category显示不同颜色
办公教程导读
互联网集市收集整理了【SharePoint 日历根据Category显示不同颜色】办公软件教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含706字，纯文字阅读大概需要2分钟。
办公教程内容图文
最近有一个小需求，就是SharePoint的日历类型列表，用户希望根据Event里面的Category不同，在前台视图显示成不同的颜色，绞尽脑汁，想到这么个办法，分享给大家，希望有更好方法的也能留言推荐给我。
效果，如下图：
不一样Category的Event，前台显示的背景色不相同；
原理
通过分析日历视图的前台HTML，发现所有的Event都在一个div里面，而且div的class都是一样的，所以，用JQuery获取所有Event的div就比较容易了。
再深一层查看，div下面标题的链接，里面有Event的ID，通过js解析出来这个ID也不是什么难事儿，所以，根据ID用ECMAScript获取这个Event的Category也变得可行，然后再把这个Event最外面的div背景颜色改变，即可。
根据ID的值用ECMAScript脚本去SharePoint日历里读取Category的值，然后根据值来将最外面的Div改变为相应的背景颜色，下面，即使用的js脚本，给大家一个参考。
优点
目前测试，完美支持增删改后的异步加载，支持日视图、周视图、月视图的各种切换，支持项目过多折叠的展开和收缩是发生的异步加载；
缺点
橘红色为默认的颜色，由于ECMAScript脚本是异步的，所以改变会有一个渐变的效果，如下图，可以看到改变是一个渐变的过程，不过也挺赏心悦目的，呵呵。
其他声音
在做这个日历的过程中，也看到一些其他解决方案，重写日历视图就不提了；看到Erucy在SharePoint 2010里面做的，链接附后，但是发现月视图上没有了副标题，所以没办法实现了；还有就是日历重叠功能，链接我也附后了，大家自己参考吧。
办公教程总结
以上是互联网集市为您收集整理的【SharePoint 日历根据Category显示不同颜色】办公软件教程的全部内容，希望文章能够帮你了解办公软件教程SharePoint 日历根据Category显示不同颜色。 如果觉得互联网集市办公软件教程内容还不错，欢迎将互联网集市网站推荐给好友。
办公教程备注
版权声明：本文内容由互联网用户贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
办公教程手机端
扫描二维码推送至手机访问。