zoukankan      html  css  js  c++  java
  • 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);
                });
    
            }
  • 相关阅读:
    Linux下设置svn开机自启动
    LNMP 如何安装mongodb ----lnmp一键安装包之后
    MySQL表类型MyISAM/InnoDB的区别(解决事务不回滚的问题)
    PHP处理MySQL事务代码
    php redis 秒杀demo
    PHP5.6版本安装redis扩展
    Jzoj5662 尺树寸泓
    Jzoj3351 神牛养成计划2
    Jzoj5622 table
    Jzoj5608 Subset
  • 原文地址:https://www.cnblogs.com/djwhome/p/9082710.html
Copyright © 2011-2022 走看看