weixin_58648225
2021-06-02 14:25
采纳率: 91.7%
浏览 53

laravel框架下js实现的查询与分页

目前在laravel下js实现的一个瞬时查询效果,这样一来貌似使得paginate函数变得不可用。

可否请教下如何在此基础上也实现js的分页搜索效果。

 

视图页面:

<form action="" method="get" class="box-tools">
    <div class="box-tools">
        <div class="input-group input-group-sm hidden-xs" style="width: 750px;">
            <input type="text" name="table_search" id="myInput" onkeyup="myFunction()" placeholder="姓名" value="{{ request()->get('table_search','') }}" >

    {{--        <div class="input-group-btn">
                <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
            </div>         --}}
        </div>
    </div>
</form>
</div>
<div class="box-body table-responsive no-padding">
    <table id="MyTable" class="table table-hover">
        <tr>
            <th>学生姓名</th>
            <th>联系电话</th>
            <th>缴费状态</th>
            <th>星级</th>
            <th>提醒</th>
            <th>项目</th>
            <th>项目类别</th>
            <th>信息录入人</th>
        </tr>
        @foreach($data as $obj)
        <tr>
            <input type="hidden" name="student_id" value="{{ $obj->id }}">
            <td><a href="">{{ $obj->name }}</a></td>
            <td><a href="">{{ $obj->tel }}</a></td>
            <td><a href="">{{ $obj->payment_status_id }}</a></td>
            <td><a href="">{{ $obj->stat_lv }}</a></td>
            <td><a href="">{{ $obj->notification }}</a></td>
            <td><a href="">{{ $obj->project_id }}</a></td>
            <td><a href="">{{ $obj->project_type_id }}</a></td>
            <td><a href="">{{ $obj->user_id }}</a></td>
            <td>
                <a href="{{ $obj->id }}/detail" class="btn btn-xs btn-primary">详细/修改</a>
                <a href="{{ $obj->id }}/delete" class="btn btn-xs btn-danger">删除</a>

            </td>
        </tr>

 

js页面:

 

 

谢谢!!

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 易书生 2021-06-02 17:24
    已采纳

    js的分页,就是根据数组先排序,同样根据当前页pageIndex和每页显示数量pageSize来控制显示数组里的那些元素,可以用splice等方法来实现,当然还得用一个数组来备份一下全部的数据

    打赏 评论
  • qq_43325682 2021-06-02 14:27

    搞不明白1

    打赏 评论
  • weixin_58648225 2021-06-02 15:02

      经过再三尝试发现框架paginate可用, 不过依然像请教js实现的瞬时分页的方法,谢谢。

    打赏 评论

相关推荐 更多相似问题