3

这让我发疯了，因为我似乎找不到我的代码或 json 有什么问题。我已经花了很多时间试图解决它并阅读 StackOverflow 上的答案分配。

我有以下代码：

jQuery

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

        editable: true,

        events: "/action/json/calender",
        allDayDefault: false,
        eventDrop: function(event, delta) {
            alert(event.title + ' was moved ' + delta + ' days\n' +
                '(should probably update your database)');
        },

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

    });
});

控制器

public function calender()
{
    $this->load->model('json_model');
    $data['json'] = $this->json_model->getCalender();
    $this->load->view('json/calender', $data);
}

模型

function getCalender()
{
    $sql = "SELECT id, title, start, end, user_id FROM gc_calender";
    $result = $this->db->query($sql);

    return $result;
}

看法

<?php
$jsonevents = array();

foreach($json->result() as $entry)
{
$jsonevents[] = array(
    'id' => 1,
    'title' => $entry->title,
    'start' => $entry->start,
    'end' => $entry->end,
    'allDay' => ''
);

}

 echo json_encode($jsonevents);

JSON 示例

[{"id":1,"title":"title 1","start":"2013-09-08 00:00:00","end":"2013-09-08 10:00:00","allDay":""},{"id":1,"title":"title 2","start":"2013-09-17 00:00:00","end":"2013-09-17 10:00:00","allDay":""}]

我已经尝试过的：

  • 用 Javascript 本身对其进行硬编码
  • PHP标头，因此它被输出为json
  • 旧版本的fullcalender

这是有趣的部分.. 包装随附的演示对我有用。但是，如果我将我的 jquery 代码指向那个特定的 json url，我仍然没有收到任何事件。压光机本身得到很好的渲染。

我尝试了更多的东西：使用演示 HTML 页面和由 codeigniter 提供的 JSON 并且它可以工作。我开始认为要么与不同的脚本发生冲突，要么我需要在页眉而不是页脚中加载我的脚本?

4

3 回答 3

2

好吧，如果我也检查标题，我本可以为自己节省 2 天的时间......我们的设计师在 css 中添加了以下内容：

div {
position:relative;
overflow:hidden
}

删除它后，它就可以正常工作了。不敢相信它是如此简单。

于 2013-09-10T16:41:25.417 回答
1

它对我有用，试试吧！

控制器

public function show_calendar() 
{
    $query = $this->db->query("SELECT * FROM events ORDER BY start ASC");

    $jsonevents = array();

    foreach($query->result() as $entry)
    {
        $jsonevents[] = array(
            'id' => $entry->id,
            'title' => $entry->title,
            'start' => $entry->start,
            'end' => $entry->end,
            'url' => $entry->url,
            'allDay' => $entry->allDay
        );
    }

    $data['json'] = json_encode($jsonevents);

    $this->load->view('calendar',$data); 
}

看法

<script type="text/javascript">

$(document).ready(function() {

    $('#calendar').fullCalendar({
        events:<?php echo $json ?>,

        header: 
        {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek'
        }          
    });

});
</script>
于 2014-08-25T08:43:30.693 回答
0

尝试将您的事件引用从“events”更改为“eventSources”：

$('#calendar').fullCalendar({

  editable: true,
  eventSources: [ { url: '/action/json/calender' } ],
  allDayDefault: false,
  eventDrop: function(event, delta) {
      alert(event.title + ' was moved ' + delta + ' days\n' +
          '(should probably update your database)');
  },
  loading: function(bool) {
    if (bool) $('#loading').show();
      else $('#loading').hide();
  }

});
于 2013-09-09T20:35:16.510 回答