Question

我正在尝试使用bootstrap模式来确认删除操作。我正在使用Cakephp 3并且是新手。

到目前为止，我能够创造这么多。

如果我可以成功替换被点击的按钮的ID，那么问题将得到解决

UsersController.php

public function delete($id)
{
    $this->request->allowMethod(['post', 'delete']);

    $user= $this->Users->get($id);
    if ($this->Users->delete($user)) {
        $this->Flash->success(__('The user with id: {0} has been deleted.', h($id)));
        return $this->redirect(['action' => 'index']);
    }
}

index.ctp

<?= $this->Html->tag('i','',['class' => 'fa fa-times fa-fw icon-delete deleteUser', 'data-toggle' => 'modal', 'data-target' => '#confirmModal' , 'id' => $user->user_id ]) ?>

<!-- Modal -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">Are you sure?</div>
            <div class="modal-footer">  
                <?= $this->Form->postLink(
                    $this->Html->tag('button','Delete',['class' => 'btn btn-default pull-right']),
                    ['action' => 'delete', <id_here>],
                    ['escape' => false])
                ?>
                <button type="button" class="btn btn-default pull-right" data-dismiss="modal">Cancel</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

生成的模式中删除按钮部分的标记是

<form action="/boot/users/delete/ABCD20090004" name="post_56e141b0297cc915184088" style="display:none;" method="post"><input name="_method" value="POST"></form>
<a href="#" onclick="document.post_56e141b0297cc915184088.submit(); event.returnValue = false; return false;">
    <button class="btn btn-default pull-right">Delete</button>
</a>

Answer 1

尝试：

result = [value + x if flag else value for value, flag in zip(mylist, ix)]

注意：列表中的每个元素都需要一个模态（循环）

Answer 2

将要删除的记录的用户ID传递给模式上的删除按钮，而不是您单击的删除按钮以显示模式。修改index.ctp如下

此时不要传递用户ID

<?= $this->Html->tag('i','',['class' => 'fa fa-times fa-fw icon-delete deleteUser', 'data-toggle' => 'modal', 'data-target' => '#confirmModal']) ?>

将ID传递到

下面的删除按钮

<!-- Modal -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">Are you sure?</div>
            <div class="modal-footer">  
                <?= $this->Form->postLink(__('Delete'), ['action' => 'delete', $user->id], ['class' => 'btn btn-default pull-right']); ?>
                <button type="button" class="btn btn-default pull-right" data-dismiss="modal">Cancel</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

另外，不要忘记初始化模态

<script>
    $(document).ready(function () {
        $('#confirmModal').modal('show');
    });
</script>

Cakephp 3使用bootstrap模式删除条目确认？

2 个答案: