layer的刪除詢問框的使用

刪除是個很需要謹慎的操作 我們需要進行確認

對了刪除一般使用ajax操作 因為如果同url請求 處理 再返回 會有空白頁

1.js自帶的樣式

<button type="button" data-toggle="tooltip" title="刪除" class="btn btn-danger pull-right btn-xs"
                            onclick="confirm('確認刪除？') ? $('#form-index').submit() : false;">
                        刪除
                    </button>

 

2.layer的詢問框

<a href="/task/delete?id={{$v->id}}" data-toggle="tooltip" title="刪除" class="btn btn-danger btn-xs" id="delete">刪除</a>
$('#delete').click(function () {
                var href = {}
                layer.confirm('確定要刪除任務么？', {
                    btn: ['確定','取消'] //按鈕
                }, function(){
                    $(this).attr('href', "/task/delete?id={{$v->id}}")
                });
            })

<button data-toggle="tooltip" title="刪除" class="btn btn-danger btn-xs" onclick="del({{$v->id}}) ">刪除</button>
                                {{--<a href="/task/delete?id={{$v->id}}" data-toggle="tooltip" title="刪除" class="btn btn-danger btn-xs" onclick="confirm('確認刪除？') ? true : false;">刪除</a>--}}

function ajaxDelete($id, index) {
            $.ajax({
                type : 'get',
                url : '/task/delete?id='+$id,
                dateType : 'json',
                success : function (data) {
                    if (data.status == 1) {
                        layer.close(index);
                        layer.msg('刪除任務成功', {icon: 1, zIndex: 66,});
                        window.location.reload()
                    }
                }
            })
        }


        function del($id) {
            layer.confirm('確定要刪除任務么？', {
                btn: ['確定','取消'], //按鈕
            }, function(){
                var index = layer.load(0, {shade: false});
                ajaxDelete($id, index);
            });

        }