php - FullCalendar 删除带有按钮的事件

标签 php jquery mysql ajax fullcalendar

我想从确定我正在使用的内容开始我的问题。 我正在使用由 Adam Shaw 开发的名为 FullCalendar 的 jquery 日历应用程序。

链接:arshaw.com/fullcalendar/

我希望能够添加一个删除功能,这样我就可以通过单击每个事件中的删除按钮来删除事件,并发送一个 ajax POST 告诉 mysql 数据库删除 id 等于我刚刚删除的事件的 ID。但是,通过文档查看,我一直无法找到删除事件的方法,但与该事件和 mysql 数据库无关。如果有人能够提供帮助,将不胜感激!提前致谢。

这是我的代码:

JavaScript

<script>
    var height = "innerHeight" in window 
               ? window.innerHeight
               : document.documentElement.offsetHeight; 

    var newHeight = parseInt(height)-112;   

    $(document).ready(function() {



        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },

            allDay : false,
            slotMinutes: <?php echo $tee_inc; ?>,
            minTime: "<?php echo $tee_open; ?>",
            maxTime: "<?php echo $tee_close; ?>",
            height: newHeight,
            disableDragging: true,
            disableResizing: true,          
            defaultView: 'agendaDay',
            editable: true,
            events: [
                <?php
                    $i=-1;
                    foreach( $tee_time_start as $tts )  {
                        $i++;
                        echo '{'; echo "\n";
                        echo "id : '".$tee_time_id[$i]."',"; echo "\n";
                        echo "title : '".$tee_first_name[$i]." ".$tee_last_name[$i]." -- ".$tee_holes[$i]." Holes -- ".$tee_phone_number[$i]." ----- <a href=\"#\" id=\"delete_time_".$tee_time_id[$i]."\">Delete</a> ',"; echo "\n";
                        echo "start : '".$tee_time_start[$i]."',"; echo "\n";
                        echo "end : '".$tee_time_end[$i]."',"; echo "\n";   
                        echo 'allDay : false'; echo "\n"; 
                        echo '},'; echo "\n";
                    }

                ?>
            ],
            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(should probably update your database"+delta+")');
            },
            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            },



        });

    });

</script>

最佳答案

您可以使用 eventClick功能。单击获取事件 ID,可能会显示一个对话框并提供删除按钮。

eventClick: function(calEvent, jsEvent, view) {

            id= calEvent.id;

            $( "#dialog" ).dialog({
                  resizable: false,
                  height:100,
                  width:500,
                  modal: true,
                  title: 'Want you want to do?',
                  buttons: {
                             CLOSE: function() {
                                 $("#dialog").dialog( "close" );
                             },
                             "DELETE": function() {
                                //do the ajax request?
                             }
                           }
             });
       },

<body>标记为对话框写这个

<div id="dialog" title="" style="display:none;">Are you sure want to delete it?</div>

EXAMPLE LINK

关于php - FullCalendar 删除带有按钮的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17157742/

相关文章:

php - 我这样做对吗? - Paypal IPN 工作

php - PHP 项目什么时候对于框架来说太小?

javascript - 通过 Ajax 通过变量将多个变量传递给 PHP 不起作用

MySQL 对一个表中选定的行进行计数以更新另一表中的值

php - php 调用的 mysql 性能

php - 不同系统的相同 session 变量

javascript - 将 js knockout 到 mysql 数据库,使动态值不起作用

php - $ ('body' ).on ('change' , '.selector' , 函数() { }); <select> 标签 jquery 没有按预期工作

javascript - 单击按钮时的 LocalStorage

php - 将逗号分隔值插入 MySQL 表字段