如何获取EventClick数据以查看我的方式

Question

我正在使用我能找到的最简单数据，我几乎不理解。以下是我从中获得的输出。我有几个问题。

1. 如何使这些物品在不同的行上显示？
2. 我可以添加更多字段，因为这个接缝是限制的？
3. 是否有任何方法可以通过链接，以便我可以从数据库中提取结果？
4. 如何使用jQuery UI对话框而不是默认弹出窗口？
5. 如何更改字体尺寸和颜色？抱歉，我有很多问题，但是在介绍了文档并阅读了有关此主题的所有堆叠式内容之后，我比以往任何时候都更加困惑。

这是我的脚本打印出来的

活动：理查德·库尔斯·星期四（Richard Kurth Thu）2014年3月6日18:55:00 GMT-0800（太平洋 标准时间）THU 2014年3月6日19:55:00 GMT-0800（太平洋标准 时间）7504 NE 110th St Wancouver

<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的文档。另外，您也有许多例子。您应该使用事件来指定搜索数据的位置： events: "your_request.php" php文件返回json（数据库feed）。

尊重元，一些线索：

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）。您有自己的一切要继续下去，但是如果您有一些特定的问题/问题，我会保持可用。