声明下本文没有什么技术含量,纯属是找个办法做让客户提高下体验度。让我们的 Calendar View 变 colorful 
      
       在SharePoint 默认的Calendar View 中 一般都是这样的 
               让我们的 Calendar View 变 colorful

     看上去是很统一的蓝色,下面我们用不同颜色来标记不同的状态, 能方便一眼看出Event的状态,效果如下    

               让我们的 Calendar View 变 colorful   

   下面介绍一个简单的例子是根据其重要性来标记颜色,原理很简单通过hack进一段 javascript "customCalendar.js" ,结合杜伟(Erucy)的SPJsLib通过调用Web serivce得到状态然后改变其颜色,步骤如下:

1. 创建一个选择型的字段"Priority", 为它添加选项"L,M,H"
            让我们的 Calendar View 变 colorful

 2.将Item 添加上Priority 
       让我们的 Calendar View 变 colorful     让我们的 Calendar View 变 colorful

    3.点击 "Edit Page" -> 在此页添加一个 "Content Editor webpart"
       让我们的 Calendar View 变 colorful      让我们的 Calendar View 变 colorful

    4.点击  "Source Editor" ,添加 style 和 script
      让我们的 Calendar View 变 colorful   让我们的 Calendar View 变 colorful
     如下:
    

     interaction.js , stringBuffer.js 是杜伟 SPJs Lib文件,我们只需改 "customCalendarView.js"   

 undefined;
    }
}; 

 那些Item 可能还有极小部分没找齐全,找到自己加下吧,顺便通知下.  让我们的 Calendar View 变 colorful 
 本文Demo所需的文件,点击这里下载

相关文章:

  • 2021-11-20
  • 2021-11-27
  • 2022-12-23
  • 2022-01-05
  • 2021-12-26
  • 2021-11-28
  • 2021-07-05
  • 2021-06-26
猜你喜欢
  • 2021-11-05
  • 2021-10-17
  • 2021-06-16
  • 2022-02-01
  • 2021-10-02
  • 2021-08-10
  • 2021-05-13
相关资源
相似解决方案