2013-02-11 51 views
0

我試圖暫時禁用日曆中的尋呼機左/右控件和月/周/日視圖按鈕。我不想永久禁用日曆,但只是暫時的,因爲我需要等待刷新一些內容。呈現的HTML中有一些HTML,所以我想我會特別問一下我需要做什麼來以編程方式禁用這些功能?暫時禁用全屏日曆中的尋呼機/月/周/日視圖

回答

1

每文檔的標頭:

可設定任何的整個首部的屬性來false,或不包括報頭,因爲在所有的默認值是false

實施例僅用於標題:

header: { 
    left: false, 
    center: 'title', 
    right: false 
} 

API參考號:http://arshaw.com/fullcalendar/docs/display/header/

+0

我沒有正確寫下我的問題。我需要暫時禁用頂部欄,但需要在重新加載一些數據後再次啓用它。是否可以在事後更新標題,以便我可以將右側更改爲議程月/日/周視圖?對於那個很抱歉。 – 2013-02-11 03:57:10

0

$(".fc-header-left span.fc-button").addClass("ui-state-disabled");,與相同...

0

我想我已經做到了這一點,但只通過使用基於函數的事件源,因此在獲取任何數據時,我在整個頁面上放置了一個div(用於顯示數據加載效果/動畫),並將其作爲提取完成後。以下是代碼:

   var eventSource = { 
       events: function (start, end, callback) { 
        showHideloader(true, ''); 
        $.ajax({ 
         url: "my.aspx/myEvents", 
         type: "POST", 
         headers: { "cache-control": "no-cache" }, 
         data: "{mydata:blabla}", 
         contentType: "application/json; charset=utf-8", 
         dataType: "json", 
         async: true, 
         success: function (data) { 
          var events = []; 
          var dateTime = new Date(); 
          var jobs = eval("(" + data.d + ")"); 
          $.each(jobs, function (i, val) { 
           events.push({ 
            id: jobs[i].TaskID, 
            title: jobs[i].title, 
            start: new Date(jobs[i].startDate) 
           }); 
          }); 
          callback(events); 
          showHideloader(false, ''); 
         }, 
         error: function (x, e) { 
          showMessage('error', 'failure loading tasks in calendar', x, e, true); 
          showHideloader(false, ''); 
         } 
        }); 
       } 
      }//event source 

    //put a div on the page to show the data loading effect 
    function showHideloader(_show) { 
     if (_show) { 
      $('#loader').height($(window).height()); 
      $('#loader').width($(window).width()); 
      $('#loader').css('top', '0'); 

      $('#loader').css('left', '0'); 
      //setting max possible z-index value to always show it in front 
      $('#loader').css('z-index', '2147483640'); 
     } 
     $('#loader').css('display', (_show) ? '' : 'none'); 
    } 

在我做了一個事件源對象(無需這樣做,如果你已經在做了日曆調用),只是在AJAX調用之前使用的showHideloader和再次使用它在成功和失敗情況下啓用頁面。

以供參考我已經包含了showHideloader的代碼,其中使用id ='loader'的潛水來操縱diable/enable頁面效果。

+0

你用兩個參數('boolean'和一個空的'string')調用'showHideLoader',但你的函數只接受一個... – Pere 2013-07-19 11:16:59