【问题标题】:Laravel: pagination limit the number using dropdown menuLaravel:分页限制使用下拉菜单的数量
【发布时间】:2018-01-27 17:29:24
【问题描述】:

我有一个页面,其中包含一个表格来显示数据库中的用户列表,我使用分页来每页仅显示 10 个用户我如何更改用户数量取决于下拉菜单选择的数量,例如第二个表格下方的链接包含此处需要的“显示条目”。那么我可以将所选项目的值传递给控制器​​还是有其他方法可以做到这一点? https://adminlte.io/themes/AdminLTE/pages/tables/data.html

【问题讨论】:

标签: javascript php jquery html laravel


【解决方案1】:

你必须创建一个变量来保存分页数据,假设你通过 ajax 发送,使用 pageinateData 并且在你的控制器中你可以这样调用:

$users = App\User::paginate($request->pageinateData);

所以每次你都可以用这个数据集调用。

编辑:

在您的控制器中,您可以执行以下操作:

public function pUserList(Request $request) {
    $data = [];
    $data['users'] = App\User::orderBy('id', 'desc')->paginate($request->pageinateData);


    return view('userlist', $data);
}

$this 会给你错误。 您可以在 jquery 中使用 change 来获取值

$(document).ready(function() {
  $('#issueinput5').on('change', function() {
    alert($('#issueinput5').val());
    $.ajax({
        url:'your url here',
        method:'POST',
        data:{'pageinateData':$('#issueinput5').val(),},
        success:function(d){
         // Do your code...
        }
   });
  });
});

编辑 2:

对于csrf_token,您需要执行以下操作:添加到您的 html 标头

<meta name="csrf-token" content="{{ csrf_token() }}">

在 ajax 调用中你需要:

$(document).ready(function() {
  $('#issueinput5').on('change', function() {
    $.ajax({
        url:'/lists/user',
        method:'POST',
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        data:{'pageinateData':$('#issueinput5').val(),},
        success:function(d){
          console.log(d)
        }
   });
  });
});

希望这会有所帮助。

【讨论】:

  • 谢谢,对不起,我说的是下拉菜单,但我的意思是选择字段。我如何将变量或值从选择发送到控制器?
  • 所以我需要使用表单后才能将数据发送到控制器。对吗?
  • 即使发生更改,您也只需要计算值,这将通过 ajax 发送,最好将更改分配给变量并将该变量传递给每个 ajax 调用。
  • 我已经在表单标签中添加了选择,但仍然是同样的错误
  • 我会做一些测试并稍后复出
【解决方案2】:

你可以试试这个

 $(document).ready(function(){
    $('#issueinput5').on('change',function(){
       $.ajax({
        url:'supply your url here',
        method:'POST',
        data:{'priority':$(this).val(),},
        success:function(d){
          console.log(d)
        }
       });
      })
    })

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-01-14
    • 1970-01-01
    • 2013-03-26
    • 1970-01-01
    • 2015-04-02
    • 1970-01-01
    • 2019-11-16
    • 1970-01-01
    相关资源
    最近更新 更多