首页 > 解决方案 > HTML 自定义按钮

问题描述

当 MyDql Db 中的记录设置为“丢失”时,我在隐藏特定按钮时遇到了挑战。请帮忙,这是我的代码:

数据库连接

$sql = "SELECT * FROM appointment";
$req = $bdd->prepare($sql);
$req->execute();
$events = $req->fetchAll(); 

HTML

日历 API 从 http://jamelbaz.com/tutos/integration-de-fullcalendar2-php-mysql下载

<div id="calendar" class="col-centered"> </div> 
<input type="text" name="title" class="form-control" id="title" placeholder="Name" >
<input type="text" name="surname" class="form-control" id="surname" placeholder="Surname">
<input type="submit" class="" id="Save" name="1" value="Save changes">
<input type="submit" id="try1" class="button alt" name="2" value="Arrived">
<input type="submit" id="try2" class="button alt" name="3" value="Did not arrived"> //once clicked hide Arrived button
<input type="submit" id="try3 class="button alt" name="3" value="Send email"> //show only if record is set to missed

后端

eventRender: function(event, element) {
element.bind('click', function() {
$('#ModalEdit #name').val(event.name);
$('#ModalEdit #surname.val(event.surname);
},
events: [
<?php
foreach($events as $event): 
?>
title: '<?php echo $event['name'] ?>',
surname: '<?php echo $event['surname']; ?>',
<?php  endforeach;?>
]
});

在此处输入图像描述

标签: phpjqueryajax

解决方案


假设您当前基于 ajax 的方法有效,请$('#your_button_id').prop("disabled", true);在您的 foreach 循环中使用。由于这有很多按钮,因此您需要为每个按钮设置不同的按钮 ID 以单独识别。您可以为按钮 ID 使用带有名称前缀的行 ID 或类似 ID。

eventRender: function(event, element) {
element.bind('click', function() {
$('#ModalEdit #name').val(event.name);
$('#ModalEdit #surname.val(event.surname);
},
events: [
<?php
foreach($events as $event): 
   if($event['status']=='missed') {
?>
      $('#your_button_id_or_class').prop("disabled", true);
<?php
   }
?>
title: '<?php echo $event['name']; ?>',
surname: '<?php echo $event['surname']; ?>',
<?php  endforeach;?>
]
});

推荐阅读