声明下本文没有什么技术含量,纯属是找个办法做让客户提高下体验度。
在SharePoint 默认的Calendar View 中 一般都是这样的
看上去是很统一的蓝色,下面我们用不同颜色来标记不同的状态, 能方便一眼看出Event的状态,效果如下
下面介绍一个简单的例子是根据其重要性来标记颜色,原理很简单通过hack进一段 javascript "customCalendar.js" ,结合杜伟(Erucy)的SPJsLib通过调用Web serivce得到状态然后改变其颜色,步骤如下:
1. 创建一个选择型的字段"Priority", 为它添加选项"L,M,H"
2.将Item 添加上Priority
3.点击 "Edit Page" -> 在此页添加一个 "Content Editor webpart"
4.点击 "Source Editor" ,添加 style 和 script
如下:
interaction.js , stringBuffer.js 是杜伟 SPJs Lib文件,我们只需改 "customCalendarView.js"
}
};
那些Item 可能还有极小部分没找齐全,找到自己加下吧,顺便通知下我.
本文Demo所需的文件,点击这里下载