【问题标题】:Highlight different events with different colors in a day (cell) ASP.NET calendar在一天(单元格)ASP.NET 日历中用不同的颜色突出显示不同的事件
【发布时间】:2012-02-15 18:58:46
【问题描述】:

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

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

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

非常感谢所有答案。

非常感谢。

【问题讨论】:

    标签: c# jquery asp.net vb.net calendar


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • +1 - 这里有一个示例展示了如何在 DayRender 事件中设置单元格样式 - odetocode.com/Articles/223.aspx
      • 是的,这很好,这里的问题是用两种或三种方式设置单元格的样式,这可以通过编写自定义 HTML 来完成...
      • 我作弊并为提到的每个案例使用了特定的背景图片:-)
      猜你喜欢
      • 2020-06-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-24
      • 2018-05-30
      • 1970-01-01
      • 1970-01-01
      • 2014-02-03
      相关资源
      最近更新 更多