Kendo UI Scheduler:隐藏周视图时间标题(MVC)

时间:2016-08-29 20:42:20

标签: kendo-ui kendo-asp.net-mvc kendo-scheduler

我试图找到一种从kendo调度程序中删除时间标头的方法。我通过css遇到过几种方法,但他们倾向于让调度程序看起来有点"关闭"。

我在kendo文档中找到了一些答案,详细说明了如何使用javascript implementation开箱即用,但我正在寻找MVC,我似乎无法提及。我试过并试图弄清楚如何做到这一点,但我似乎无法找到适当的属性来设置。

2 个答案:

答案 0 :(得分:0)

kendo MVC包装器是有效的ASPX / Razor辅助函数,可生成javascript实现。因此,假设您提供的链接中的javascript解决方案包含您需要的解决方案,则应该可以使用MVC语法复制它。

看一下telerik的解决方案,他们在数据绑定事件中使用javascript操作DOM,用于Ungrouped和dataBound for Grouped。在使用MVC语法声明调度程序时,可以为这些事件指定处理程序:

.Events(e => {
    e.DataBound("scheduler_dataBound");
    e.DataBinding("scheduler_dataBinding");
})

...然后单独在页面上包含这些函数的实现(从telerik解决方案中提取的代码):

<script>
    function scheduler_dataBound(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();
    }

    function scheduler_dataBinding(e) {
        var view = this.view();
        view.times.hide();
        view.timesHeader.hide();
    }
</script>

答案 1 :(得分:0)

//隐藏时间标题

$(&#39;#schedulerID&#39)找到。(&#39; .K调度头缠绕&#39)。最近的(&#39; TR&#39)。隐藏()

//隐藏日期标题

$(&#34; .k-scheduler-layout tr:first .k-scheduler-table&#34;)。find(&#34; tr:eq(0)&#34;)。hide()