【问题标题】:How to replace DevExpress ASP.NET calendar with my own?如何用我自己的替换 DevExpress ASP.NET 日历?
【发布时间】:2009-05-28 05:21:43
【问题描述】:

我们正在为我们的 ASP.NET 应用程序使用 DevExpress 控制工具包。由于以下原因,我想用我自己的替换 DevExpress 默认下拉日历:

  • DevExpress 下拉日历绝对位于它所分配到的文本框旁边。这很糟糕,因为在 IE 上,它会被其他相对定位的元素所掩盖,这些元素是日历父级的兄弟姐妹。可以通过在这些父元素上设置大量 z-index 来解决它,但这很烦人。如果日历元素位于 DOM 的最末端并具有非常高的 z-index,那就更好了。
  • 我有一个不同的设计,我必须将它应用到日历上,由一些艺术家制作。它非常好,但我不确定我是否能够按原样使用日历 HTML。

此外,替换必须在任何地方进行 - 无论是在网格视图中还是在独立控件中。

有没有人知道如何做到这一点?我也可以选择一个变体,使用我制作的一些自定义 gridview 列类型和日历类型。

目前我对 DevExpress 的复杂性有点不知所措。

【问题讨论】:

    标签: calendar replace devexpress


    【解决方案1】:

    针对您问题的第二部分,日历控件的设计 - 您实际上可以编辑 DevExpress 编辑器 CSS 文件(称为 styles.css),该文件将包含在任何 DevExpress 中您使用的主题(即 App_Themes\Aqua\Editors)。

    如果您打开 CSS 文件,所有与日历相关的样式都以 .dxeCalendar 为前缀,编辑这些样式应反映在所有日历控件中(无论是在 ASPxGridView 还是独立编辑器等) )。

    我不确定下拉日历的位置,但您应该查看 DevExpress 支持中心 - 那里真的很有帮助!

    www.devexpress.com/Support/Center

    希望这会有所帮助!

    【讨论】:

    • 问题是——单靠 CSS 是行不通的。我还必须修改 HTML 输出。 :( 另外,我还需要在日历中添加一些功能(例如仅月视图,您可以在其中选择一个月,但不能选择特定日期)。
    • 如果你想隐藏日期,那么你可以尝试覆盖这个 CSS 标签... 然后设置这些属性... HighlightToday="False" HighlightWeekends="False" ShowDayHeaders="False" ShowTodayButton="False" ShowWeekNumbers="False" EnableYearNavigation="False" ShowClearButton="False" 如果你需要进行重大更改 DevExpress 为您提供订阅源:)
    • 附注格式的应用我不认为你可以在评论中隔开一些东西......
    猜你喜欢
    • 2017-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-19
    相关资源
    最近更新 更多