将行id传递给lastvel控制器从bootstrap 3删除模态

时间:2015-02-10 16:09:28

标签: javascript php twitter-bootstrap laravel-4

学习Laravel(4.1),我遇到了将行id从表传递到控制器的问题。我想要做的是用户点击图标删除记录。首先会出现一个模态窗口并询问他们是否确定要删除。如果他们单击是,则应将ID发送到控制器,以便可以进行删除。

我的Laravel 路线看起来像这样

 DELETE entir/guests/{guests}   | entir.guests.destroy | GuestController@destroy 

destroy 的控制器如下所示。现在我只打印出ID和消息。

    public function destroy($id)
{
 print_r($id);
return 'You called the Destroy function';
}

构建表的html代码是

<table id="table" data-toggle="table" data-url="{{ action('GuestController@show') }}" data-click-to-select="true" data-single-select="true" data-pagination="true" data-search="true">                 
<thead>
    <tr>
        <th data-field="id" data-align="right" data-sortable="true">ID</th>
        ...
        <th data-field="operate" data-formatter="operateFormatter" data-events="operateEvents">Actions</th>
    </tr>
</thead>

这是表和删除事件的javascript。

<script>
function operateFormatter(value, row, index) {
    return [
        '<a class="edit ml10" href="javascript:void(0)" title="Entir Guest">',
        '<i class="glyphicon glyphicon-edit"></i>',
        '</a>',
        '<a class="remove ml10" href="javascript:void(0)" title="Remove">',
        '<i class="glyphicon glyphicon-remove"></i>',
        '</a>'
        ].join('');
}
window.operateEvents = {                                
        'click .remove': 
        function (e, value, row, index) {
            $('#deleteModal').data('id', row.id).modal('show');
                var id = JSON.stringify(row.id);
                // Alert the ID for testing                                 
                alert('Remove ID: ' + id);                
            }
};

删除模式html

<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header modal-header-danger">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Warning!</h4>
        </div>
        <div class="modal-body">
            <h4> Are you sure you want to Delete?</h4>
        </div>
        <!--/modal-body-collapse -->
        <div class="modal-footer">
            {{Form::open(array('method'=>'DELETE', 'route' => array('entir.guests.destroy')))}}
            <button type="submit" class="btn btn-danger" id="btnDelteYes">Yes</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
            {{ Form::close() }}
        </div>
        <!--/modal-footer-collapse -->
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->

假设我的行1 - 20,ID为1 -20。如果我选择第1行并单击删除图标,则会收到“删除ID:1”的警报。然后出现Modal窗口并要求您确认。如果我按下是,控制器被调用,因为我从destroy函数获取消息。正如你所看到的,我现在没有传递ID,因为我不确定这样做的确切方法。我已经尝试了一些我在网上找到的例子,但最终我得到了一个未定义错误的变量。任何帮助表示赞赏。

这是我假设我需要传递ID

的地方
{{Form::open(array('method'=>'DELETE', 'route' => array('entir.guests.destroy')))}}

1 个答案:

答案 0 :(得分:1)

通过控制器将ID作为href传递来解决问题。