我正在研究FullCalendar;每天有9-10个事件,现在我必须创建删除事件的功能。
这是代码:
eventClick: function(event, jsEvent, view) {
$('#modalTitle').html(event.title);
var imgName=event.image;
document.getElementById('imageDiv').innerHTML = '<img src='+imgName+' onerror=".'this.style.display="none"'." class=".'img-responsive'." alt=".''." >';
$('#modalBody').html(event.description);
$('#eventid').html(event.id);
$('#startTime').html(moment(event.start).format('DD-MM-YYYY'));
$('#endTime').html(moment(event.end).format('DD-MM-YYYY'));
$('#eventUrl').attr('href',event.url);
$('#fullCalModal').modal();
return false;
}
我获得了事件列表:
echo events: [
";
while ($row = mysqli_fetch_array($sql)) {
echo "
{
id: '".$row['id']."',
title: '".$row['title']."',
image: 'assets/uploads/".$row['image']."',
description: '<p>".$row['description']."</p>',
start: '".$row['start']."',
end: '".$row['end']."',
url: '".$row['url']."',
color: '".$row['color']."',
allDay: true
},";
} ;
echo "
]
现在,当用户单击事件时,应该弹出模态,其中包含其他详细信息以及用于删除事件的按钮。 这可以通过以下方式处理:
function modalEvents(){
echo "
<div id='fullCalModal' class='modal fade'>
...
<p id='eventid'></p>
</div>
</div>
</div>
<div class='modal-footer'>
<a href='javascript:EliminateEvent(\"event.id\")' class='btn btn-danger btn-sm' role='button'><i class='fa fa-fw fa-trash'></i>Brisanje rezervacije</a>
但是...问题是我获得的实际ID值,但是,我很难在javascript:EliminateEvent()链接中获得相同的结果 有没有办法让我得到结果
<a href='javascript:EliminateEvent(123)>
代替
<a href='javascript:EliminateEvent(event.id)>
答案 0 :(得分:0)
在函数参数中获取字符串“ event.Id”的原因是因为您实际上是在要求PHP执行此操作。单击事件时,可以像使用所有详细信息一样使用JavaScript设置事件ID。像:href =“ javascript:EliminateEvent(” + event.id +“)”