FullCalendar Spring MVC - PullRequest
       5

FullCalendar Spring MVC

0 голосов
/ 21 декабря 2018

Я использую FullCalendar в Spring MVC.У меня есть список контроллеров All ().Этот контроллер возвращает все события, но я не знаю, как использовать эту функцию контроллера в JavaScript.

home.html

$(function() {
        $('#calendar').fullCalendar({

            events: [

                {
                  title  : 'tarea2',
                  start  : '2018-12-24',
                  end    : '2010-12-25'
                }

              ]
        })
    });

Контроллер:

    @GetMapping("/")
public ModelAndView getPlanificado() {
    ModelAndView model = new ModelAndView();
    model.addObject("events", eventsService.listAll());
    model.setViewName("/entrenador/home");
    return model;

}

Мне нужно использовать список событий от контроллера MVC (события) до JavaScript, но я не знаю, как его включить.

1 Ответ

0 голосов
/ 23 декабря 2018

Первое, что вам нужно сделать, это сделать вызов AJAX и вернуть ответ JSON вместо модели.

Создайте класс pojo, который состоит из всех полей для события для сопоставления JSON, как показано ниже.

public class Event{
    private Long id;
    private String title;
    private Date start;
    private Date end;
    //getters setters and other required fields
}

Затем метод контроллера, как показано ниже.

@RequestMapping(value = "/", method = RequestMethod.GET,produces="application/json")
@ResponseBody
public ResponseEntity<String> getPlanificado()
{
    List<Event> events = eventsService.listAll();
    HttpHeaders headers = new HttpHeaders();
    headers.add("Content-Type", "application/json; charset=utf-8");
    if (calendarEvents.size() > 0)
    {
        return new ResponseEntity<String>(new JSONSerializer().include("id","title","end","start").exclude("*").serialize(calendarEvents), headers, HttpStatus.OK);
    }
    return new ResponseEntity<String>(null, headers, HttpStatus.OK);
}

Затем вызовите метод выше, как показано ниже, вызов AJAX.

$.ajax({
    url: '/',
    headers:{
    'Accept' : 'application/json',
    'Content-Type': 'application/json'
    },
    success: function(result){
        if(result!== null){
            var len = result.length;
            if(len > 0){
                var jsonString = JSON.stringify(result);
                console.log(jsonString);
                for(var i=0; i<len; i++){
                    console.log(result[i]);
                    var title=result[i].title;
                    var start=result[i].start;
                    var startDate = new Date(start);
                    console.log("startDate :"+startDate);
                    var end=result[i].end;
                    var endDate = new Date(end);
                    console.log("endDate :"+endDate);
                    var event={ title:classname, start:startDate, end:endDate};
                    $('#calendar').fullCalendar( 'renderEvent', event, true);

                }
            } 
        }else{
            console.log("NO events");
        }
    },error: function (result) {
            console.log("AJAX error");
    }
});

ПРИМЕЧАНИЕ. Я использовал flexjson конвертировать объект Java в сериализацию JSON.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...