突出显示一天(单元格)ASP.NET日历中具有不同颜色的不同事件

本文关键字:事件 颜色 日历 NET 一天 显示 单元格 ASP | 更新日期: 2023-09-27 18:24:49

我正在处理一个页面,需要在ASP.NET日历单元格中用不同的颜色突出显示一天中的不同事件。事件存储在具有开始日期列的数据库中。

例如,如果我们今天有两个不同的事件,则单元格应显示一半绿色和一半红色。如果今天有三个事件,那么今天的单元格中会有1/3绿色、1/3红色和1/3蓝色。

此外,目前我使用jquery中的工具提示来悬停一个单元格,它会在单元格上方显示一个工具提示。当我们在一个单元格中有不同的事件时,如何处理?

我们非常感谢所有的答案。

非常感谢。

突出显示一天(单元格)ASP.NET日历中具有不同颜色的不同事件

我想我可以回答自己的问题。我使用了DayRender事件,在该事件中,我执行了一个select语句来获取日历中每一天的所有事件信息。我可以从select语句中获得一天内发生的事件数。根据一天中发生的事件数量,我将在day单元格中添加多少div;根据一天内事件的数量,我可以设置div的宽度。此外,当我添加div时,我为每个div添加了类,这样我就可以更改每个div的颜色。

日历上的DayRender事件使您能够完全控制单元格。日历本质上相当于一个表格结构;您将不得不在具有给定固定高度的容器中使用DIV,并手动应用此逻辑。在客户端上也可以,但我认为最简单的是服务器。这并不容易,但应该是可能的。