eventClick 데이터를 가져 오는 방법 나는 무엇을 할 것인가?

Question

나는 eventClick에 대해 가장 간단한 데이터를 사용하고 있는데, 나는 그것을 거의 이해하지 못했다. 다음은이 결과입니다. 몇 가지 질문이 있습니다.

1. 이 항목을 다른 줄에 표시하려면 어떻게해야합니까?
2. 이 솔기가 석회이기 때문에 필드를 더 추가 할 수 있습니까?
3. 데이터베이스에서 결과를 가져올 수 있도록 링크를 전달할 수있는 방법이 있습니까?
4. 기본 팝업 대신 jQuery UI 대화 상자를 어떻게 사용합니까?
5. 글꼴 크기와 색상은 어떻게 변경합니까? 미안합니다. 많은 질문이 있지만,이 주제에 관한 모든 stackoverflow 관련 자료를 읽은 후 나는 혼란스러워합니다.

이 내 스크립트

이벤트를 출력 것입니다 : 리처드 커스 (목) 2014 그리니치 표준시 18시 55분 0초-0800 3월 6일 (태평양 표준 시간) 목 3월 6일 2014 19시 55분 0초 GMT-0800 (태평양 표준 시간) 7504 NE 110 세인트 밴쿠버

<script type='text/javascript'> 
$(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
      }, 
      eventClick: function(calEvent, jsEvent, view) { 
     alert('Event: ' + calEvent.title + ' ' + calEvent.start + ' ' + calEvent.end + ' ' + calEvent.address1 + ' ' + calEvent.city); 
      }, 

     events: "json_events.php", 


     loading: function(bool) { 
      if (bool) $('#loading').show(); 
      else $('#loading').hide(); 
     } 

     }); 

    }); 

</script> 

Answer 1

1. 사용 \n 줄 바꿈을 넣어 . 예 : calEvent.title + '\n' + calEvent.start.
2. 한계는? 당신의 alert();에? 제한이 없습니다.
3. 데이터베이스 결과를 얻으려면 fullCalendar에 대한 설명서를 참조하십시오. 또한 많은 예제가 this one입니다. 이벤트를 사용하여 데이터를 검색 할 위치를 지정해야합니다. events: "your_request.php" 여기서 PHP 파일은 Json (데이터베이스에 의한 피드)을 리턴합니다.

메타를 존중하기 위해, 몇 가지 단서 :

events.php

<?php 
// ... Your sql query ... 

// Your sql result to Json 
echo json_encode($result); 
?> 

fullCalendar.js 모든이 다른 단계는

$(document).ready(function() { 
    // ... 

    var calendar = $('#calendar').fullCalendar({ 
    editable: true, 
    header: { 
     //... 
    }, 
    // Find events from database 
    events: "http://localhost:8888/fullcalendar/events.php", 

    //... 

    // Add event when clicking on a field open dialog with Jquery UI dialog 
    select: function(start, end, allDay) { 
     $("#dialog-form").dialog({ 
      buttons: { 
      "Add": function() { 
       $.ajax({ 
       url: 'http://localhost:8888/fullcalendar/add_events.php', // Add request 
       data: { data }, 
       type: "POST", 
       dataType: "json", 
       success: function(json) { 
        // retrieve json here 
        // see for refetchEvent() of fullCalendar (feed the calendar with new values) 
        $(this).dialog("close"); 
      } 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    return; 
    }); 
}); 
} 

무엇을 설명서에서 원하는 (fullCalendar 및 jQuery UI). 혼자 계속할 수있는 모든 것이 있지만, 특정 문제/질문이 있으면 계속 사용할 수 있습니다.