Я использую Bootstrap с Codeigniter. У меня есть таблица, которая загружает историю блоков для учетной записи в интерфейсе управления, который я создаю. В каждой строке как части foreach есть кнопка «разблокировать», если пользователь может удалить этот блок, как вы, вероятно, увидите в следующем примере. Кнопка конкретно есть <td><?php if ($bd['expiredate'] > date('Y-m-d H:i:s')) { ?><button type="button" class="btn btn-info" data-toggle="modal" data-target="#delBlock" <?php if ($check_perm['unbanaccount'] == 0 || $bd['unblock_date'] > 0) { echo "disabled"; } ?> >Unblock</button><?php } ?></td>
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover" id="dataTables-example">
<thead>
<tr>
<th style="width: 125px;">Block Date</th>
<th style="width: 100px;">Blocked By</th>
<th style="width: 125px;">Expiry Date</th>
<th style="width: 100px;">Reason</th>
<th style="width: 100px;">Unblocked By</th>
<th style="width: 125px;">Unblocked Date</th>
<th style="width: 30px;">Block<br />Comment</th>
<th style="width: 30px;">Unblock<br />Comment</th>
<th style="width: 100px;">Options</th>
</tr>
</thead>
<tbody>
<?php if (empty($block_list)) { echo "<tr class='odd gradeX'><td colspan='9'><center>No data!</center></td></tr>"; } ?>
<?php foreach ($block_list as $bd): ?>
<tr class="odd gradeX">
<td><?php echo $bd['blockdate']; ?></td>
<td><?php echo $bd['blockname']; ?></td>
<td><?php echo $bd['expiredate']; ?></td>
<td><?php echo $bd['reason']; ?></td>
<td><?php echo $bd['ublockname']; ?></td>
<td><?php echo $bd['unblock_date']; ?></td>
<td><center><a data-toggle="collapse" data-parent="#accordion" href="#blockcomment<?php echo $bd['blockid']; ?>"><button type="button" class="btn btn-primary btn-circle"><i class="fa fa-list"></i></button></a></center></td>
<td><?php if (isset($bd['unblock_date']) == TRUE) { ?><center><a data-toggle="collapse" data-parent="#accordion" href="#ublockcomment<?php echo $bd['blockid']; ?>"><button type="button" class="btn btn-primary btn-circle"><i class="fa fa-list"></i></button></a></center><?php } ?></td>
<td><?php if ($bd['expiredate'] > date('Y-m-d H:i:s')) { ?><button type="button" class="btn btn-info" data-toggle="modal" data-target="#delBlock" <?php if ($check_perm['unbanaccount'] == 0 || $bd['unblock_date'] > 0) { echo "disabled"; } ?> >Unblock</button><?php } ?></td>
</tr>
<tr><td colspan="9">
<div id="blockcomment<?php echo $bd['blockid']; ?>" class="panel-collapse collapse">
<div class="panel-body">
<strong>Block Comment:</strong><br /><?php echo $bd['block_comment']; ?>
</div>
</div>
<div id="ublockcomment<?php echo $bd['blockid']; ?>" class="panel-collapse collapse">
<div class="panel-body">
<strong>Unblock Comment:</strong><br /><?php echo $bd['unblock_comment']; ?>
</div>
</div>
</td></tr>
<?php endforeach; ?>
</tbody>
</table>
<div align="right"><button type="button" class="btn btn-warning" data-toggle="modal" data-target="#addBlock" <?php if ($check_perm['banaccount'] == 0) { echo "disabled"; } ?> >Add New Block</button></div>
</div>
После того, как вы нажмете кнопку «Разблокировать», если учетная запись может быть разблокирована, у меня появляется модальное сообщение, в котором вы вводите комментарий о том, как разблокировать пользователя. На каждый блок ссылается уникальный идентификатор (переменная будет $bd['blockid']
в приведенном выше примере) в базе данных. Именно с этим blockid мне нужно связаться с базой данных и сообщить ему, для какого блока нужно обновить данные, чтобы указать, что пользователь был разблокирован на столе.
Модальное следующее:
<div class="modal fade" id="delBlock" tabindex="-1" role="dialog" aria-labelledby="delBlockLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="delBlockLabel">Remove Block</h4>
</div>
<div class="modal-body">
<?php echo validation_errors(); ?>
<?php echo form_open('/account/delblock', array('class' => 'form-inline'), array('blockid' => $bd['blockid'], 'acct_id' => $acct_data->account_id)); ?>
<table>
<tr><td width="25%"><label>Unblock Comment</label></td>
<td width="450px"><textarea class="form-control" name="unbanComments" rows="5" style="width:100%;"></textarea></td></tr>
</table>
</div>
<center><div style="color:#EE0000; ">Note this will remove the ban with immediate effect.</div></center>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Remove Block</button>
</div>
<?php echo form_close(); ?>
</div>
</div>
</div>
Как вы увидите, я использую функции Codeigniter Form Helper для публикации array('blockid' => $bd['blockid'],
через форму, чтобы я мог манипулировать только этой записью с моей моделью Codeigniter. Но так как модальный jQuery не находится в цикле, он всегда принимает последнюю запись как $ bd [‘blockid’] вместо фактической записи, которой я хочу манипулировать (в этом случае у меня есть ID 7, 6 & 5 (в таком порядке), я нажимаю на запись для идентификатора 7, и вместо этого она меняется 5). Мне нужно передать модал с этим конкретным $ bd [‘blockid’] в форму, чтобы я мог использовать его в моей модели Codeigniter. Как бы я мог выполнить что-то подобное?
Я работал над несколькими вещами, исправлял некоторые вещи вместе и придумал это:
Представление я изменил кнопку на это:
<td><?php if ($bd['expiredate'] > date('Y-m-d H:i:s')) { ?><button type="button" class="btn btn-info" id="delBlockOpen" data-toggle="modal" data-target="#delBlock" data-id="<?php echo $bd["blockid"]; ?>" <?php if ($check_perm['unbanaccount'] == 0 || $bd['unblock_date'] > 0) { echo "disabled"; } ?> >Unblock</button><?php } ?></td>
(добавлено data-id="<?php echo $bd["blockid"]; ?>"
)
Тогда в модале:
<div class="modal fade" id="delBlock" tabindex="-1" role="dialog" aria-labelledby="delBlockLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="delBlockLabel">Remove Block</h4>
</div>
<div class="modal-body">
<?php echo validation_errors(); ?>
<?php echo form_open('/account/delblock', array('class' => 'form-inline'), array('acct_id' => $acct_data->account_id)); ?>
<input type="hidden" id="blockidval" name="blockidval" />
<table>
<tr><td width="25%"><label>Unblock Comment</label></td>
<td width="450px"><textarea class="form-control" name="unbanComments" rows="5" style="width:100%;"></textarea></td></tr>
</table>
</div>
<center><div style="color:#EE0000; ">Note this will remove the ban with immediate effect.</div></center>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Remove Block</button>
</div>
<?php echo form_close(); ?>
</div>
</div>
</div>
И последнее, все это дополнено некоторым дополнительным JavaScript в моем нижнем колонтитуле:
<script type="text/javascript">
$(function() {
$(document).on('click','#delBlockOpen',function(e){
$('#blockidval').val($(this).data('id'));
});
});
</script>
Других решений пока нет …