Laravel 无刷新重新排序+控制显示隐藏

要求是做到无刷新地排序、显示隐藏

路由:

Route::post(‘cate/changeorder‘, ‘[email protected]‘);
Route::post(‘cate/changeshow‘, ‘[email protected]‘);

控制器:

 //更改排序
    public function changeOrder()
    {
        $input = Input::all();
        $cate = GoodsCates::find($input[‘cate_id‘]);
        $cate->order = $input[‘cate_order‘];
        $re = $cate->update();
        if($re){
            $data = [
                ‘status‘ => 0,
                ‘msg‘ => ‘分类排序更新成功!‘,
            ];
        }else{
            $data = [
                ‘status‘ => 1,
                ‘msg‘ => ‘分类排序更新失败,请稍后重试!‘,
            ];
        }
        return $data;
    }

    //更改显示隐藏
    public function changeshow()
    {
        $input = Input::all();
        $cate = GoodsCates::find($input[‘cate_id‘]);
        $cate->is_bean = $input[‘cate_order‘];
        $re = $cate->update();
        if($re){
            $data = [
                ‘status‘ => 0,
                ‘msg‘ => ‘状态更新成功!‘,
            ];
        }else{
            $data = [
                ‘status‘ => 1,
                ‘msg‘ => ‘失败,请稍后重试!‘,
            ];
        }
        return $data;
    }
use Illuminate\Support\Facades\Input;

前端页面:

<script type="text/javascript">
        function changeOrder(obj,cate_id){
        var cate_order = $(obj).val();
        $.post("{{url(‘admin/cate/changeorder‘)}}",{‘_token‘:‘{{csrf_token()}}‘,‘cate_id‘:cate_id,‘cate_order‘:cate_order},function(data){
                layer.msg(data.msg);
        });
    }

    //显示隐藏
       function changeShow(obj,cate_id){
        var cate_order = $(obj).val();
        $.post("{{url(‘admin/cate/changeshow‘)}}",{‘_token‘:‘{{csrf_token()}}‘,‘cate_id‘:cate_id,‘cate_order‘:cate_order},function(data){
                layer.msg(data.msg);
        });
    }
</script>
                    @foreach($cates as $cate)
                        <tr>
                            <td><input style="width:26px;text-align: center;" onchange="changeOrder(this,{{$cate->id}})"  type="text" name="" value="{{ $cate->order }}"></td>
                            <td>{{ $cate->id }}</td>
                            <td>{{ $cate->name }}</td>
                            <td><select onchange="changeShow(this,{{$cate->id}})" id="isbean" >
                                <option value="0" {{$cate->is_bean == 0 ? ‘selected‘:‘‘}}>是</option>
                                <option value="1" {{$cate->is_bean == 1 ? ‘selected‘:‘‘}}>否</option>
                            </select></td>
                            <td>
                                <div class="btn-group">
          <a href="{{ action(‘Admin\[email protected]‘, $cate->id) }}" class="btn btn-xs btn-default-bright">修改</a>
  <a href="javascript:;" class="btn btn-xs btn-default-bright deluser" data-url="{{ action(‘Admin\[email protected]‘,$cate->id) }}" data-method="del" data-msg="确认删除?">删除</a>
                                </div>
                            </td>
                        </tr>
                     @endforeach
时间: 2024-10-06 11:42:20

Laravel 无刷新重新排序+控制显示隐藏的相关文章

线程安全变量控制显示隐藏loading框

一.线程安全变量控制显示隐藏loading框 问题描述: 同一页面有两个异步网络请求,第一个请求开始,loading旋转,第二个请求开始loading旋转,第一个结束,loading停止旋转,可是这时第二个请求还没有结束,然后loading就结束了,于是问题就来了. 解决方案: 二.由上面问题引申出的问题: 1. #import <libkern/OSAtomic.h> 这段话是从网上copy过来的,总结了一下原子操作的作用.但是文中提到的osbase.h文件找不到.可能是因为版本升级我的li

jQuery控制显示隐藏事件小插曲

eg.一页面中有a.b两部分,a部分有个筛选图标,我希望一开始的时候a是显示的,b是隐藏的,当点击筛选图标时,a隐藏,b显示:然后在b页面里有个返回按钮,希望点击b中的返回按钮时a显示b隐藏,搞了半天,记录一下教训: <a class="store-value-condition" style="float: right;margin: 10px;"> <img src="../images/select.png" class=

MVC无刷新上传图片并显示

@{ ViewBag.Title = "Home Page"; } <script src="../../Scripts/swfobject.js" type="text/javascript"></script> <script src="../../Scripts/jquery.uploadify.v2.1.4.js" type="text/javascript">&

CSS 相对/绝对(relative/absolute)定位与jQuery的控制显示隐藏

曾经写显示隐藏老是用jq方法控制: dom.show(); dom.hide(); 事实上这样还是有非常多缺陷的. 这是html结构: <div class="holi"> here are some test words </div> <div id="button">点击显示</div> 假设使用position:absolute和top-9999px控制点隐藏 .holi{ width: 200px; heigh

基于jquery封装通用的控制显示隐藏的方法

应用场景 在项目中会存在大量这样的需求: 1.选择不同的radio单选框,页面上的部分内容随之显示隐藏 2.选择不同的option下拉框内容,页面上的部分内容随之显示隐藏 如果每次遇到这类需求都单独写方法,不光费时间,还会让我们的代码显得异常冗余,因此我们写个通用方法! 附上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

js中按钮控制显示隐藏以及下拉功能

<script> function show() { var a2=document.getElementById("div2"); if(a2.style.display=="block") { a2.style.display="none"; } else { a2.style.display="block"; } } </script> <input type="button&qu

mouseover、mouseout控制显示隐藏时,离开主导航子导航消失的解决办法

>>方法1:让子导航上部与主导航的下部重叠一部分按之前的设计,鼠标进入主导航时触发mouseover事件子导航显示,鼠标离开主导航时触发mouseout事件子导航消失,重叠一小部分可以让鼠标从主导航下部离开时触发主导航的mouseout事件之前先触发子导航的mouseover事件当鼠标离开主导航时要判断是否也离开了子导航,当鼠标同时离开主导航与子导航的时候才触发,才触发彼此的mouserover事件>>方法2:另外还有个解决方案,可以不重叠彼此的一部分,当鼠标离开主导航的时候通过s

JS控制显示/隐藏二级菜单

<!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"><head><meta http-equiv="Content-Typ

表单无刷新上传图片

近期做有关上传图片的项目,发现都没有使用无刷新页面上传方式,都是通过传统的上传图片跳转然后显示图片,这对于上传多张图片就太不适用! 网上也有各种异步上传的插件 如 swfupload等比较庞大的插件,利用flash上传,顺带介绍一个比较简洁的ajax上传图片的插件ajaxFileUpload: 直接上地址:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 现在普通上传方式上改造一下,实现无刷新上传 通过隐藏ifram