3

Boa tarde, estou tentando carregar um evento no FullCalendar. O problema é o seguinte

$(document).ready(function() {
    $('#calendar').fullCalendar({
        header: {
                left: 'today',
                center: 'prev, title, next',
                right: 'month,basicWeek,basicDay'
            },
                        eventClick:  function(event) {
                             $('#modalTitle').html(event.title);
                             $('#modalBody').html(event.description);
                             $('#eventUrl').attr('href',event.url);
                             $('#fullCalModal').modal();
                             return false;
                        },
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            eventLimit: true, // allow "more" link when too many events
                events:[
                    <?php include('process.php') ?>
               ]
      });
});

Process.PHP

<?php
    $title = "Jose";
    $start = "2016-11-01";

echo "{
       title: '$title' ,
       start: '$start' 
       }";
?>

Dessa maneira eu consigo carregar, porém gostaria de saber como eu faço chamando um JSON? tentei de diversas formas ($.getJson, $.get, Json.parser(), etc...) Alguem tem alguma dica?

2 Respostas 2

1

Podes usar ajax para ir buscar esse JSON e quando o ajax completar correr o código que tens. Algo assim:

$(document).ready(function() {
    $.getJSON("/Process.PHP", function(event) {
        $('#calendar').fullCalendar({
            header: {
                left: 'today',
                center: 'prev, title, next',
                right: 'month,basicWeek,basicDay'
            },
            eventClick: function(event) {
                $('#modalTitle').html(event.title);
                $('#modalBody').html(event.description);
                $('#eventUrl').attr('href', event.url);
                $('#fullCalModal').modal();
                return false;
            },
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [event]
        });
    });
});

Eventualmente quererás passar uma array e não somente um objeto de cada vez. Nesse caso no JavaScript podes ter events: events e no PHP fazer echo de uma array. Lembra-te que podes usar o json_encode do PHP para gerar JSON.

13
  • Eu não conheço o AJAX, tem algum site que possa me indicar? encontrei o codigo $.ajax({ url: endereco, complete: function(res){ var meuJSON = JSON.parse(res.responseText); console.log(meuJSON); } }); mas preciso de exemplo para me basear 1/11/2016 às 18:42
  • @JoseLeandro esse código que colocaste no comentário é uma maneira mais longa de fazer o que eu coloquei na resposta. Dá uma olhada aqui pt.stackoverflow.com/a/25215/129, mas no fundo é o que coloquei na resposta usando a versão específica e simplificada do jQuery para AJAX + JSON, que é o getJSON. Testaste o meu código?
    – Sergio
    1/11/2016 às 18:47
  • @JoseLeandro também interessante: pt.stackoverflow.com/a/116177/129
    – Sergio
    1/11/2016 às 18:48
  • Meu condigo do Json é { "eventos":[ { "title":"Jose", "start":"2016-09-01" } ] } eu deveria modificar algo? 1/11/2016 às 18:53
  • @JoseLeandro já tens esse json no javascript com o getJSON?
    – Sergio
    1/11/2016 às 19:32
0

Eu uso o 'events' do próprio fullcalendar, segue o código:

events: function(start, end, timezone, callback) {

   //chama o ajax e retorna um  result/promise com os dados 'data'
   	var events = []; //create array to events
		$.each(data, function(index, val) { //passa por cada resultado do array
			events.push({							//adiciona os dados no array 'events'
				title: val.title,
				start: val.start,
			})
		});
		callback(events); //callback que irá preencher o calendário, com o array de eventos.
	}
},

Ele irá carregar todos os eventos retornados do ajax, no calendário, qualquer dúvida, só entrar em contato.

2
  • Agradeço a resposta, mas minha dúvida é como chamar um arquivo JSON, pois carregar eu até consigo 1/11/2016 às 19:02
  • 1
    Depois de 2 dias se debatendo, a tua resposta foi a que resolveu meu problema. Muito obrigado 4/11/2016 às 14:29

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .