Kendo UI调度程序：隐藏周视图时间标题（MVC）

我试图找到一种方法从kendo调度程序中删除时间标题。我遇到了一些通过css实现的方法，但他们往往会让调度程序看起来有点“关闭”。Kendo UI调度程序：隐藏周视图时间标题（MVC）

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

2016-08-29 Andrew

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

看着telerik的解决方案，他们用dataBinding事件中的未绑定和dataBound for Grouped操纵DOM。宣布与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>

//隐藏时间头部

来源

2016-08-29 22:57:20 NigelK

这不是做得比较工作我想要的方式。我设置了dataBinding事件函数，但时间标题在数据加载时仍然可见（我正在通过ajax加载）。一旦数据加载，它将删除时间标题，但留下它们所在的列。所以从用户角度来看，我已经自发消失了时间标题和最左侧的空白白色列。 – Andrew

$（ '＃schedulerID'）。找到（ 'K-调度头换行 '）最近（' TR'）。隐藏（）

//用于隐藏日期heade [R

$（ “K-调度布局TR：第一.K-调度表 ”）。找到（“ TR：EQ（0）”）。隐藏（）

来源

2016-09-01 12:46:01 wanderer

这两个都只能删除调度程序顶部的日期标题，而第一个会导致其他调度程序单元格式化问题。 – Andrew

它工作正常，但可以解决与CSS如果有进一步的问题 – wanderer

Kendo UI调度程序：隐藏周视图时间标题（MVC）

回答

相关问题