1. 程式人生 > >laravel框架之即點即改、批量刪除

laravel框架之即點即改、批量刪除

表單頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>商品列表頁面</title>
</head>
    <body>
        <center>
            <a href="{{URL('add')}}"><button style="width:80px;">+</button></a>
            <table border="1">
                <tr>
                    <td><input type="checkbox" name=""></td>
                    <td>名稱</td>
                    <td>價格</td>
                    <td>操作</td>
                </tr>
                @foreach($users as $k => $v)
                <tr>
                    <tr>
                        <td><input type="checkbox" name="box" value="{{$v->g_id}}"></td>
                        <td  pid="{{$v->g_id}}"><span class="name">{{$v->g_name}}</span></td>
                        <td pid="{{$v->g_id}}"><span class="price">{{$v->g_price}}</span></td>
                        <td><a href="del?g_id={{$v->g_id}}">刪除</a></td>
                    </tr>
                </tr>
                @endforeach
            </table>
            <button class="pl">批量刪除</button>
        </center>
    </body>
</html>


<script src="style/js/jquery-1.7.2.min.js"></script>


<script>
    //即點選該
    $(document).on("click", ".name", function () {
        var con = $(this).html();
        var pid = $(this).parent().attr('pid');
        $(this).parent().html('<input type="text" value="'+con +'" class="input" pid="'+pid+'" />');
        $("input").focus();
        $(document).on("blur", ".input", function () {
            var g_name = $(this).val();
            pid = $(this).attr("pid");
            $(this).parent().html('<span class="update">'+g_name +'</span>');
            $.post("update",{g_name:g_name,pid:pid},function(msg){
                alert(msg)
                location.href="index";


            })
        });


    });


    //批量刪除
    $(".pl").click(function(){
        var  box = $("input[name='box']");
        length =box.length;
        //alert(length);
        var str ="";
        for(var i=0;i<length;i++){
            if(box[i].checked==true){
                str =str+","+box[i].value;
            }
        }
        str= str.substr(1)
        //alert(str)
        location.href="del2?id="+str;
    })
</script>

控制器頁面

//即點選改修改名稱
    public function  update(){
        $g_id = input::get('pid');
        $old =  DB::table('goods')->where('g_id',"=","$g_id")->first();
        $old_name =  $old->g_name;
        $g_name = input::get('g_name');
        $res= DB::table('goods')->where('g_id','=',$g_id)->update(array('g_name' => $g_name));
        echo   1;
    }

//批量移除
    public function  del2(){
        $g_id = input::get('id');
        $str = explode(",",$g_id);
        foreach($str as $v){
            DB::table('goods')->where('g_id',"=","$v")->delete();
        }
        return  redirect("index");
    }