2016-08-29 18 views
0

剣道スケジューラから時間ヘッダーを削除する方法を見つけようとしています。私はCSSを介してそれを行うにはいくつかの方法に出くわしましたが、スケジューラは少しオフに見えるままにする傾向があります。剣道UIスケジューラ:週ビューのタイムヘッダ(MVC)を非表示にする

javascript implementationで箱から出していく方法を詳述した剣道の文書にいくつかの回答がありましたが、私はMVCを探しています。私は試してみましたが、これを行う方法を理解しようとしましたが、適切な属性を見つけることができません。

答えて

0

剣道MVCラッパーは効果的にJavaScript実装を生成するASPX/Razorヘルパー関数です。あなたが提供するリンクのjavascriptソリューションには、必要なソリューションが含まれていると仮定すると、MVC構文を使用してそれを複製することが可能になります。

telerikのソリューションを見ると、グループ化されていない場合はdataBindingイベント、Groupedの場合はdataBoundでjavascriptを使用して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> 
+0

これはかなりの仕事をしません私が望むやり方。私はdataBindingイベント関数を設定しましたが、データがロードされている間は時間ヘッダはまだ表示されています(私はajax経由でロードしています)。データがロードされると、時間ヘッダは削除されたのですが、そのカラムは残っています。ユーザーの観点から見ると、私は時間ヘッダと一番左側の空白の白い柱を無くしています。 – Andrew

0

//時間ヘッダを隠すため

$( '#のschedulerID')。( 'K-スケジューラヘッダラップ ')を見つける。最も近い(' TR')。(非表示)

//日付を隠すためにR

$( "K-スケジューラレイアウトTR:最初.K-スケジューラ・テーブル ")を見つける。(" TR:EQ(0)")。隠す()

+0

これらの両方は、スケジューラの上部にある日付ヘッダーのみを削除し、最初のスケジューラは残りのスケジューラセルの書式設定の問題を引き起こします。 – Andrew

+0

それはうまく動作しますが、それ以上の問題があればcssで解決できます – wanderer

関連する問題