2016-06-21 22 views
0

タイトルとして、ajaxからzabutoカレンダーにデータをロードしようとしましたが、動作していないようです.zabutoカレンダーhttp://zabuto.com/dev/calendar/examples/show_data.htmlを参照してください。そして、私はこの関数を使用して、前の月または次の月にnavをクリックするとデータをロードします。 (2つの動作actionaction_navを使用してください)。私はどうもありがとうございました { "date": "2016-06-01", "title": 2, "badge": true },{ "date": "2016-06-04", "title": 1, "badge": true },{ "date": "2016-06-10", "title": 1, "badge": true } としてアヤックスから、これは、データが表示されていないデータをテストするとこれは、コードajaxからzabutoカレンダープラグインにデータを読み込む方法は?

<script> 
    $(document).ready(function() { 
    function load_data() { 
        var list = ''; 
        $.ajax({ 
         type: "POST", 
         url: "../BUS/WebService.asmx/LOAD_DATA", 
         contentType: "application/json; charset=utf-8", 
         dataType: "json", 
         cache: false, 
         success: function (data) { 
          list = $.parseJSON(data.d); 
          console.log(list); 
         } 
        }); 
        return list; 
       } 
     function myNavFunction(id) { 
       //code in here 
      } 

      function myDateFunction(id) { 
       //code in here 
      } 
    $("#my_calendar").zabuto_calendar({ 
        data: load_data(), 
        action: function() { 
          return myDateFunction(this.id); 
        }, 
        action_nav: function() { 
          return myNavFunction(this.id); 
        } 
       }); 

    }); 

    </script> 

切り取られています。

答えて

0

は、以下のことを試してみてください:Ajaxが

$(document).ready(function() { 
function load_data() { 
       $.ajax({ 
        type: "POST", 
        url: "../BUS/WebService.asmx/LOAD_DATA", 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        cache: false, 
        success: function (data) { 
         var list = $.parseJSON(data.d); 
         $("#my_calendar").zabuto_calendar({ 
          data: list; 
         }); 
        }, 
        error: function (data) { 
         console.log(data.d); 
        } 
       }); 
      } 


load_data(); 
}); 
+0

親愛なるmadalinのivascu、他に方法は非同期であるので、私は両方の2のより多くを使用する必要があるので、あなたが、AJAX呼び出しの成功機能にカレンダー機能を配置する必要がありますzabutoアクション 'action'と' action_nav'は、このメソッドを2つのアクションで使用することができない場合、navのprev月または次の月をクリックするとデータを変更します。 –

+0

次にajaxでビルドを使用 – madalinivascu

+0

親愛なる、私はちょうど質問を更新し、それを見て、あなたの答えのいくつかのアイデアを更新します。ありがとうございました。 –

関連する問題