今現在、laravelで非同期処理を用いてページネーションの機能を実装しようとしているのですが、
2ページ目以降に行くと、ユーザーを選ぶ欄が表示されなくなってしまいます。
間違っている部分を指摘してくださるとありがたいです。
以下のコードは必要な部分のみ抜粋しています。
~app.blade.php~
@if(Auth::user()):
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
@include('pagination')
</div>
</div>
</div>
@endif
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<script>
$(window).on('hashchange', function() {
if (window.location.hash) {
var page = window.location.hash.replace('#', '');
if (page == Number.NaN || page <= 0) {
return false;
}else{
getData(page);
}
}
});
$(document).ready(function()
{
$(document).on('click', '.pagination a',function(event)
{
event.preventDefault();
$('li').removeClass('active');
$(this).parent('li').addClass('active');
var myurl = $(this).attr('href');
var page=$(this).attr('href').split('page=')[1];
getData(page);
});
});
function getData(page){
$.ajax(
{
url: '?page=' + page,
type: "get",
datatype: "html"
}).done(function(data){
$(".modal-content").empty().html(data);
location.hash = page;
}).fail(function(jqXHR, ajaxOptions, thrownError){
alert('No response from server');
});
}
</script>
~pagination.blade.php~
<div class="modal-header">
@if(isset(Auth::user()->username))
<h5 class="modal-title" id="exampleModalLabel">Search Fortunes</h5>
@else
<h5 class="modal-title" id="exampleModalLabel">Search Users</h5>
@endif
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="create-chat-status"></div>
<form id="create-form">
{{ csrf_field() }}
<fieldset class="form-group">
@if(isset(Auth::user()->fortunename))
<label for="formGroupExampleInput2">Select Users</label>
@elseif(isset(Auth::user()->username))
<label for="formGroupExampleInput2">Select Fortunes</label>
@endif
<select id="create-data" class="selectpicker" data-live-search="true" multiple>
@if(Auth::user()->fortunename)
@if(isset($users))
@foreach($users as $user)
@if(isset($user->username))
<option value="{{$user->id}}">{{$user->username}}</option>
@endif
@endforeach
@endif
@elseif(Auth::user()->username)
@if(isset($users))
@foreach($users as $user)
@if(isset($user->fortunename))
<option value="{{$user->id}}">{{$user->fortunename}}</option>
@endif
@endforeach
@endif
@endif
</select>
</fieldset>
</form>
</form>
</div>
<div class="modal-footer">
<button data-deselectAllText="Deselect All" type="button" class="btn btn-secondary" data-dismiss="modal" id="close">Close</button>
<button disabled type="button" class="btn btn-primary" id="create">Create</button>
</div>
{!! $users->render() !!}
~HomeController.php~
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\User;
use App\Chat;
use Auth;
class HomeController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function __construct()
{
$this->middleware('auth');
}
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function index(Request $request)
{
$users = User::allUsers();
$users = User::paginate(5);
if($request->ajax())
{
return view('pagination', compact('users'))->render();
}
$chats = Auth::user()->chats()->orderby("id","desc")->get();
$me = Auth::user();
$msgs = [];
$total_msg = Chat::chat_update($chats);
return view('home', compact("users","chats", "me", "msgs","total_msg"));
}
}