【问题标题】:How to hide times header of a timelineMonth view on Kendo UI Scheduler widget?如何在 Kendo UI Scheduler 小部件上隐藏timelineMonth 视图的时间标题?
【发布时间】:2015-07-14 11:20:22
【问题描述】:

我正在尝试从 Kendo UI 调度程序小部件中隐藏时间标题,但直到现在,我还没有在我选择的视图类型中获得所需的结果。我不需要时间,因为我所有的活动都是全天活动。因此,有没有办法不显示时间,例如 12:00 AM、13:00 AM 等...

我按照文档进行了操作,如果将其放入脚本中,调度程序就不会再出现。这是脚本:

dataBinding: function(e) {
            var view = this.view();

            view.times.hide();
            view.timesHeader.hide();
        },

和/或

dataBound: function(e) {
            var tables = $(".k-scheduler-times .k-scheduler-table");

            //Required: remove only last table in dataBound when grouped
            tables = tables.last();

            var rows = tables.find("tr");

            rows.each(function() {
              $(this).children("th:last").hide();
            });
        },

然后,作为另一种选择,我只是将这行脚本添加到视图部分:

minorTickCount: 0

然而,12:00 AM 的所有行都消失了,这使我的日程表完全过时,因为它删除了显示事件的所有单元格。

有人遇到过这样的问题需要克服吗?

【问题讨论】:

    标签: javascript jquery kendo-ui kendo-scheduler


    【解决方案1】:

    你可以试试这个css:

    .k-scheduler-timelineWeekview > tbody > tr:nth-child(1) .k-scheduler-table tr:nth-child(2) {
        display: none;
    }
    

    【讨论】:

    • 这是一个timelineMonth 视图,但是是的,你做对了......谢谢。我还找到了另一种选择,所以......对于未来可能感兴趣的人,只需将以下脚本行添加到您的视图属性中:majorTimeHeaderTemplate: kendo.template("")
    • 我自己在这里搞砸了,并在试图弄清楚如何隐藏它们时遇到了这个答案。澄清一下:samureira 在上面的评论中提到的方法只会将时间线月视图中的时间标题留空。盒子仍然在那里并且是空的(这看起来不太好,因为您现在似乎没有任何理由有随机盒子,但这取决于您的用例)。汤姆的回答完全隐藏了它们:)。 samureira 的方法要简单得多,如果你可以把盒子留在里面。
    【解决方案2】:

    在我的情况下,问题已通过以下代码解决:

     dataBound: function(e) {
       var view = this.view();
       view.datesHeader.find("tr:last").prev().hide();
       view.timesHeader.find("tr:last").prev().hide();
     }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-09
      • 1970-01-01
      • 1970-01-01
      • 2018-08-27
      • 1970-01-01
      • 2013-09-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多