最近有一個小需求，就是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里面做的，鏈接附后，但是發現月視圖上沒有了副標題，所以沒辦法實現了；還有就是日歷重疊功能，鏈接我也附后了，大家自己參考吧。