在Laravel中使用DataTables插件的方法

Laravel  /  管理员 发布于 5年前   249

DataTables 是一个 jQuery 的表格插件，记录一下在 Laravel 中使用的常用功能和用法，比如 ajax 获取数据，自定义搜索，效果展现，选项说明等等，有一些细节记录下来方便以后查看。

Laravel 控制器方法

接受 ajax get 请求，返回数据。

dataTables 会自带一些参数过来，需要按照格式返回数据，比如分页等。见 dataTables 官方文档说明。

代码如下：

// ajax GET 获取列表数据public function getList(Request $request){  $dynamicType = $request->get('dynamic_type');  $draw = $request->get('draw');  $start = $request->get('start');  $length = $request->get('length');  $groupId = $request->get('group_id');  $dynamicId = $request->get('dynamic_id');  $userid = $request->get('userid');  $isAudit = $request->get('is_audit', 0);  if (!$dynamicType || !in_array($dynamicType, [1, 2])) {    return response()->json(['error' => '缺少参数！']);  }  $builder = Dynamics::select(['id', 'userid', 'group_id', 'dynamic_id', 'dynamic_type', 'content', 'money', 'is_audit', 'audited_at'])->where('dynamic_type', $dynamicType);  //自定义搜索  if ($groupId) {    $builder->where('group_id', $groupId);  }  if ($dynamicId) {    $builder->where('dynamic_id', $dynamicId);  }  if ($userid) {    $builder->where('userid', $userid);  }  if (!is_null($isAudit)) {    $builder->where('is_audit', $isAudit);  }  $total = $builder->count();  $list = $builder->orderBy('id', 'desc')->offset($start)->take($length)->get()->toArray();  $imgInfo = [];  $dynamicIds = $this->getDynamicIds($list);  if ($dynamicIds) {    $imgInfo = DynamicImage::whereIn('dynamic_id', $dynamicIds)->pluck('images', 'dynamic_id');  }  $fillImages = function ($item) use ($imgInfo) {    if (isset($imgInfo[$item['dynamic_id']])) {      $item["images"] = json_decode($imgInfo[$item['dynamic_id']]);    } else {      $item["images"] = [];    }    return $item;  };  $list = array_map($fillImages, $list);  $data = [];  $data["draw"] = $draw;  $data["recordsTotal"] = $total;  $data["recordsFiltered"] = $total;  $data["data"] = $list;  return response()->json($data);}// ajax GET 获取列表数据public function getList(Request $request){  $dynamicType = $request->get('dynamic_type');  $draw = $request->get('draw');  $start = $request->get('start');  $length = $request->get('length');  $groupId = $request->get('group_id');  $dynamicId = $request->get('dynamic_id');  $userid = $request->get('userid');  $isAudit = $request->get('is_audit', 0);   if (!$dynamicType || !in_array($dynamicType, [1, 2])) {    return response()->json(['error' => '缺少参数！']);  }   $builder = Dynamics::select(['id', 'userid', 'group_id', 'dynamic_id', 'dynamic_type', 'content', 'money', 'is_audit', 'audited_at'])->where('dynamic_type', $dynamicType);   //自定义搜索  if ($groupId) {    $builder->where('group_id', $groupId);  }   if ($dynamicId) {    $builder->where('dynamic_id', $dynamicId);  }   if ($userid) {    $builder->where('userid', $userid);  }   if (!is_null($isAudit)) {    $builder->where('is_audit', $isAudit);  }   $total = $builder->count();  $list = $builder->orderBy('id', 'desc')->offset($start)->take($length)->get()->toArray();    $imgInfo = [];  $dynamicIds = $this->getDynamicIds($list);  if ($dynamicIds) {    $imgInfo = DynamicImage::whereIn('dynamic_id', $dynamicIds)->pluck('images', 'dynamic_id');  }   $fillImages = function ($item) use ($imgInfo) {    if (isset($imgInfo[$item['dynamic_id']])) {      $item["images"] = json_decode($imgInfo[$item['dynamic_id']]);    } else {      $item["images"] = [];    }    return $item;  };  $list = array_map($fillImages, $list);   $data = [];  $data["draw"] = $draw;  $data["recordsTotal"] = $total;  $data["recordsFiltered"] = $total;  $data["data"] = $list;  return response()->json($data);}

dataTables 发 ajax 请求及一些选项设置

columnDefs 用来自定义每个字段如何展现，可以封装自己的展现逻辑，也可以获取到这一行各个字段的值。

createdRow 可以改变创建每一行的行为，比如修改这一行的样式等等。

table.draw() 方法可以重新发起 ajax 请求。

本文主要记录给自己看，不做具体的说明了。

参考链接

dataTables 官方文档

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 关于laravel后台模板laravel-admin select框的使用详解
• laravel-admin select框默认选中的方法
• laravel-admin解决表单select联动时,编辑默认没选上的问题
• PHP框架Laravel插件Pagination实现自定义分页
• 推荐几款用 Sublime Text 开发 Laravel 所用到的插件
• Laravel框架表单验证详解
• Laravel中使用FormRequest进行表单验证方法及问题汇总
• Laravel 5框架学习之表单
• Laravel实现表单提交
• Laravel 5框架学习之表单验证
• Laravel 5框架学习之子视图和表单复用
• laravel框架select2多选插件初始化默认选中项操作示例