如何获取事件点击数据看看我的方式

Question

我正在使用最简单的eventClick数据，我可以找到并且我几乎无法理解它。 下面是我从这里得到的输出。我有几个问题。

1. 如何让这些项目显示在不同的行上？
2. 我可以添加更多的领域，因为这接近是limet？
3. 有什么办法可以传递一个链接，这样我就可以从数据库中获取结果了吗？
4. 如何使用jQuery UI对话框而不是默认弹出窗口？
5. 如何更改字体大小和颜色？ 对不起，我有这么多的问题，但在阅读文档和阅读关于这个主题的所有的stackoverflow的东西后，我比以往更困惑。

这是我的脚本打印出

事件：理查德·库尔特星期四2014年3月6日18时55分00秒格林尼治标准时间0800（太平洋 标准时间）星期四2014年3月6日19点55分00秒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）。你有一切可以自己继续，但如果你有一些特定的问题/问题，我会保持可用。