1

我正在尝试将此完整日历添加到我的 yii 应用程序中。因为这是我第一次，我已经尝试从http://arshaw.com/fullcalendar/docs学习教程。但这对我来说很难理解，因为我在 JQuery、JSON 和其他方面很弱。所以任何人都可以一步一步地帮助我，我需要做什么才能从我的数据库中添加事件？

这是我的 json-events.php：

<?php

$query = Yii::app()->db->createCommand('SELECT TASKID, STARTTIME, ENDTIME
            FROM task');

$result = $query->queryAll();
foreach ($result as $row) {
    $data[] = array(
        'id' => $row['TASKID'],
        'start' => $row['STARTTIME'],
        'end' => $row['ENDTIME'],
        'allDay' => false,
        'editable' => true,
    );
}

echo json_encode($data);

这是否正确？我应该把这个php放在哪里？

这是我的calendar.js：

jQuery('#calendar').fullCalendar({ eventSources: [

    // your event source
    {
        url: '/path/todirectory/protected/views/task/json-events.php',
        backgroundColor: '#3D8BFF',
        textColor: '#7AE4FF'
    }

    ],
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,
    droppable: true, 
    drop: function(date, allDay) { 

        var originalEventObject = jQuery(this).data('eventObject');
        var copiedEventObject = jQuery.extend({}, originalEventObject);

        copiedEventObject.start = date;
        copiedEventObject.allDay = allDay;

        jQuery('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

        jQuery(this).remove();

    }

});

要问的另一件事是，当我尝试使用数组添加事件时，它可以工作。但它不可拖动。如何使它可拖动？

请帮我。提前致谢

4

1 回答 1

0

提出请求的第一个坏理由protected，您需要为输出 json 创建操作

在 TaskController.php

public function actionGetTasks()
{
  $query = Yii::app()->db->createCommand('SELECT TASKID, STARTTIME, ENDTIME
            FROM task');
  $result = $query->queryAll();
  foreach ($result as $row) {
      $data[] = array(
          'id' => $row['TASKID'],
          'start' => $row['STARTTIME'],
          'end' => $row['ENDTIME'],
          'allDay' => false,
          'editable' => true,
      );
  }
  echo json_encode($data);
}

在全日历中更改路径

jQuery('#calendar').fullCalendar({ eventSources: [
    // your event source
    {
        url: '/path/todirectory/index.php?r=task/getTasks',

对于可拖动的您的要求，请阅读：http ://arshaw.com/fullcalendar/docs/event_ui/Requirements/

你加Yii::app()->ClientScript->registerCode('jquery.ui');吗？

更新：

你需要通过 Yii::app()->clientScript->registerScriptFile 包含任何 js，

并且您在其中包含 js，您还需要在之前添加：（它可能在 /views/layout/main.php 中）

Yii::app()->ClientScript->registerCode('jquery.ui');
Yii::app()->ClientScript->registerScriptFile(Yii::app()->baseUrl . '/js/plugins/fullcalendar.min.js');
Yii::app()->ClientScript->registerScriptFile(Yii::app()->baseUrl . '/js/custom/calendar.js');
于 2012-11-21T04:35:08.787 回答