{"id":11890,"date":"2022-03-31T10:00:00","date_gmt":"2022-03-31T01:00:00","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=11890"},"modified":"2022-03-30T19:20:38","modified_gmt":"2022-03-30T10:20:38","slug":"datatables%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e7%94%9f%e6%88%90%e3%81%a8%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e3%82%b5%e3%82%a4%e3%83%89%e9%80%a3-6","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/11890","title":{"rendered":"DataTables\u3092\u4f7f\u7528\u3057\u305f\u30c6\u30fc\u30d6\u30eb\u751f\u6210\u3068\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u9023\u643a(6)"},"content":{"rendered":"\n

\u672c\u8a18\u4e8b\u3067\u306fDataTables\u3092\u4f7f\u7528\u3057\u305f\u30c6\u30fc\u30d6\u30eb\u751f\u6210\u65b9\u6cd5\u3068\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u9023\u643a\u65b9\u6cd5\u3092\u30b7\u30a7\u30a2\u3057\u307e\u3059\u3002
\u4eca\u56de\u306f\u524d\u56de\u306e\u8a18\u4e8b<\/a>\u3067\u8aac\u660e\u3092\u304a\u3053\u306a\u3063\u305f\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u306e\u30da\u30fc\u30b8\u30f3\u30b0\u51e6\u7406\u5b9f\u88c5\u306e\u7d9a\u304d\u3092\u304a\u3053\u306a\u3063\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n\n\n\n\n

\u30da\u30fc\u30b8\u30f3\u30b0\u51e6\u7406\u306e\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30b9\u30af\u30ea\u30d7\u30c8<\/h4>\n\n\n\n

\u524d\u56de\u8aac\u660e\u3092\u304a\u3053\u306a\u3063\u305f\u8a2d\u5b9a<\/a>\u3092\u53cd\u6620\u3057\u305f\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

function user_datatables(Request $request) {\n\n    $rec_data = [];\n    $query = Member::query();\n\n    \/\/\u5168\u4ef6\u4ef6\u6570\u306e\u53d6\u5f97\n    $total_cnt = $query->count();\n\n    \/\/1\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8868\u793a\u4ef6\u6570\n    $length = $request->length;\n    \/\/\u4f55\u4ef6\u76ee\u304b\u3089\u8868\u793a\u3059\u308b\u304b\n    $start = $request->start;\n\n    $query->offset($start);\n    $query->limit($length);\n    $member_list = $query->get();\n    foreach($member_list as $member){\n        $row_data = [\n            'item1' => $member->id,\n            'item2' => $member->sei.$member->mei,\n            'item3' => $member->sei_kana.$member->mei_kana,\n            'item4' => $member->mail,\n            'item5' => $member->created_at->format('Y-m-d H:i'),\n        ];\n        $rec_data[] = $row_data;\n    }\n\n    $draw = $request->draw;\n    $res_json = array(\n        'draw' => $draw, \n        'recordsTotal' => $total_cnt, \n        'recordsFiltered' => $total_cnt, \n        'data' => $rec_data, \n    );\n\n    return response()->json($res_json);\n}\n<\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
\u203b\u4e0a\u8a18\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3067\u306fDB\u304b\u3089\u53d6\u5f97\u3057\u305f\u5024\u3092\u305d\u306e\u307e\u307e\u8868\u793a\u3055\u305b\u3066\u3044\u307e\u3059\u304c\u3001\u5b9f\u969b\u306b\u30ea\u30ea\u30fc\u30b9\u3059\u308b\u5834\u5408\u306f\u3001\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u306a\u3069\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3082\u5fc5\u9808\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
AdminLTE\u306e\u30c7\u30b6\u30a4\u30f3\u30b5\u30f3\u30d7\u30eb\u3067\u306f\u30da\u30fc\u30b8\u3042\u305f\u308a\u306b\u8868\u793a\u3059\u308b\u4ef6\u6570\u9078\u629e\u306e\u30d7\u30eb\u30c0\u30a6\u30f3\u304c
\u521d\u671f\u72b6\u614b\u3067\u306f\u975e\u8868\u793a\u306e\u8a2d\u5b9a\u306b\u306a\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u3053\u3061\u3089\u3092\u8868\u793a\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a\u3092\u5909\u66f4(lengthChange\u3092false\u304b\u3089true\u306b\u5909\u66f4)\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
  $(function () {\n    $(\"#dttb\").DataTable({\n        \"lengthChange\": true, \n        \"lengthMenu\": [ 2, 5, 10, 20, 50 ],\n        \"autoWidth\": false,\n        \"processing\": true,\n        \"serverSide\": true,\n        \"ajax\": {\n              \"url\": \"{{url('\/')}}\/user_datatables\",\n              \"type\": \"post\",\n              \"complete\": function(res) {\n                \/\/   console.log(res.responseJSON);\n              }\n          },\n          \"columns\": [\n              { \"data\": \"item1\" },\n              { \"data\": \"item2\" },\n              { \"data\": \"item3\" },\n              { \"data\": \"item4\" },\n              { \"data\": \"item5\" },\n          ]\n    });\n  });\n<\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
\u307e\u305f\u30da\u30fc\u30b8\u3042\u305f\u308a\u306b\u8868\u793a\u3059\u308b\u4ef6\u6570\u9078\u629e\u306e\u30d7\u30eb\u30c0\u30a6\u30f3\u306e\u5185\u5bb9\u3092\u7de8\u96c6\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002
\u4e0a\u8a18\u306e\u4f8b\u3067\u306f\u30da\u30fc\u30b8\u3042\u305f\u308a[ 2, 5, 10, 20, 50 ]\u4ef6\u8868\u793a\u3059\u308b\u9078\u629e\u80a2\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\u3053\u308c\u3067\u30da\u30fc\u30b8\u30f3\u30b0\u306e\u51e6\u7406\u306f\u3072\u3068\u3068\u304a\u308a\u5b8c\u6210\u3067\u3059\u306e\u3067\u52d5\u4f5c\u78ba\u8a8d\u3092\u304a\u3053\u306a\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8868\u793a\u4ef6\u6570\u30925\u4ef6\u306b\u8a2d\u5b9a\u3057\u30661\u30da\u30fc\u30b8\u76ee\u3092\u8868\u793a<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8868\u793a\u4ef6\u6570\u30925\u4ef6\u306b\u8a2d\u5b9a\u3057\u30662\u30da\u30fc\u30b8\u76ee\u3092\u8868\u793a<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8868\u793a\u4ef6\u6570\u30922\u4ef6\u306b\u8a2d\u5b9a\u3057\u30661\u30da\u30fc\u30b8\u76ee\u3092\u8868\u793a<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8868\u793a\u4ef6\u6570\u30922\u4ef6\u306b\u8a2d\u5b9a\u3057\u30662\u30da\u30fc\u30b8\u76ee\u3092\u8868\u793a<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u30da\u30fc\u30b8\u3042\u305f\u308a\u306e\u8868\u793a\u4ef6\u6570\u30922\u4ef6\u306b\u8a2d\u5b9a\u3057\u30665\u30da\u30fc\u30b8\u76ee\u3092\u8868\u793a<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u4ee5\u4e0a\u3001\u554f\u984c\u306a\u304f\u52d5\u4f5c\u3059\u308b\u3053\u3068\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\u6b21\u56de\u306f\u30bd\u30fc\u30c8\u51e6\u7406\u306e\u8ffd\u52a0\u3092\u304a\u3053\u306a\u3044\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\u6728\u66dc\u65e5\u62c5\u5f53\uff1anishida<\/p>\n
\n            
<\/g:plusone><\/div>\n            
 \"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>