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）

回答

相關問題