2016-10-26 11 views
1

リストのデフォルト値はlistWeekで、Fullcalendarのヘッダーの右ボタンは '月、agendaWeek、agendaDay、listです。ユーザーがすでに表示していたリストビューに同じタイムパンを表示するにはどうすればよいですか?言い換えれば、月ビューにあり、リストボタンをクリックすると、listMonthビューが表示されます。それらがアジェンダウィークビューにあり、リストボタンをクリックすると、listWeekビューが表示されます。それらがagendaDayビュー上にあり、リストボタンをクリックすると、listDayビューが表示されます。誰もが複数の "リスト"ボタンを持たずにこれを行う方法を知っていますか?リストビューを選択して現在のビューをFullcalendarに一致させるには

答えて

0

これを処理する方法が見つかりました。誰かがより良いアプローチを思いついたら、私に知らせてください。私はlocalStorageを使用して現在のビューを保持し、カレンダーに戻るたびにそのビューに戻ることができます。ビューを変更するたびに更新されます。 customButtonsセクションで

は、私は、ListViewコントロールと呼ばれる自分のボタンを作成し、私は、現在のビューに基づいてリストビューを設定し、.fullCalendar('changeView', viewName)

listView: { 
     text: 'list', 
     click: function() { 
      var currentView = localStorage.getItem("AI_Default_FullCalendar_View"); 
      if(currentView.indexOf('list') == -1){ 
       if(currentView.indexOf('month') != -1){ 
        currentView = 'listMonth'; 
       } 
       if(currentView.indexOf('Week') != -1){ 
        currentView = 'listWeek'; 
       } 
       if(currentView.indexOf('Day') != -1){ 
        currentView = 'listDay'; 
       } 
      } 
      localStorage.setItem('AI_Default_FullCalendar_View', currentView); 
      $("#calendar").fullCalendar('changeView', currentView); 
     } 
    } 
を呼び出します
関連する問題