Last active
April 13, 2025 12:21
-
-
Save skadimoolam/30cded089e45094f04e58a5954a7493a to your computer and use it in GitHub Desktop.
Build dynamic filter controls in Laravel - https://simplestweb.in/blog/dynamic-filter-controls-laravel
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public function index(Request $request) | |
{ | |
$sortBy = 'id'; | |
$orderBy = 'desc'; | |
$perPage = 20; | |
$q = null; | |
if ($request->has('orderBy')) $orderBy = $request->query('orderBy'); | |
if ($request->has('sortBy')) $sortBy = $request->query('sortBy'); | |
if ($request->has('perPage')) $perPage = $request->query('perPage'); | |
if ($request->has('q')) $q = $request->query('q'); | |
$users = User::search($q)->orderBy($sortBy, $orderBy)->paginate($perPage); | |
return view('users.index', compact('users', 'orderBy', 'sortBy', 'q', 'perPage')); | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form action="{{ route('users.index') }}"> | |
<div class="row"> | |
<div class="col-md-4"> | |
<input class="form-control form-control-sm" type="search" name="q" value="{{ $q }}"> | |
</div> | |
<div class="col-md-2 col-3"> | |
<select name="sortBy" class="form-control form-control-sm" value="{{ $sortBy }}"> | |
@foreach(['id', 'name', 'email', 'notes'] as $col) | |
<option @if($col == $sortBy) selected @endif value="{{ $col }}">{{ ucfirst($col) }}</option> | |
@endforeach | |
</select> | |
</div> | |
<div class="col-md-2 col-3"> | |
<select name="orderBy" class="form-control form-control-sm" value="{{ $orderBy }}"> | |
@foreach(['asc', 'desc'] as $order) | |
<option @if($order == $orderBy) selected @endif value="{{ $order }}">{{ ucfirst($order) }}</option> | |
@endforeach | |
</select> | |
</div> | |
<div class="col-md-2 col-3"> | |
<select name="perPage" class="form-control form-control-sm" value="{{ $perPage }}"> | |
@foreach(['20','50','100','250'] as $page) | |
<option @if($page == $perPage) selected @endif value="{{ $page }}">{{ $page }}</option> | |
@endforeach | |
</select> | |
</div> | |
<div class="col-md-2 col-3"> | |
<button type="submit" class="w-100 btn btn-sm bg-blue">Filter</button> | |
</div> | |
</div> | |
</form> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
public function scopeSearch($query, $q) | |
{ | |
if ($q == null) return $query; | |
return $query | |
->where('name', 'LIKE', "%{$q}%") | |
->orWhere('email', 'LIKE', "%{$q}%") | |
->orWhere('website', 'LIKE', "%{$q}%") | |
->orWhere('twitter', 'LIKE', "%{$q}%") | |
->orWhere('notes', 'LIKE', "%{$q}%"); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment