Move pagination/sorting/filtering to server side for user crud
This commit is contained in:
parent
4aa5f44f82
commit
e6ca66ccc9
2 changed files with 66 additions and 11 deletions
|
|
@ -29,16 +29,68 @@ class UserController extends BaseController
|
||||||
return $this->render('user/list.html.twig', $params);
|
return $this->render('user/list.html.twig', $params);
|
||||||
}
|
}
|
||||||
|
|
||||||
public function rows()
|
public function rows(Request $req)
|
||||||
{
|
{
|
||||||
// build query
|
// get query builder
|
||||||
$qb = $this->getDoctrine()
|
$qb = $this->getDoctrine()
|
||||||
->getRepository(User::class)
|
->getRepository(User::class)
|
||||||
->createQueryBuilder('q')
|
->createQueryBuilder('q');
|
||||||
->getQuery();
|
// count total records
|
||||||
|
$total = $qb->select('COUNT(q)')
|
||||||
|
->getQuery()
|
||||||
|
->getSingleScalarResult();
|
||||||
|
|
||||||
// get all rows
|
// get datatable params
|
||||||
$rows = $qb->getResult(Query::HYDRATE_ARRAY);
|
$datatable = $req->request->get('datatable');
|
||||||
|
|
||||||
|
// get current page number
|
||||||
|
$page = $datatable['pagination']['page'] ?? 1;
|
||||||
|
|
||||||
|
$perpage = $datatable['pagination']['perpage'];
|
||||||
|
$offset = ($page - 1) * $perpage;
|
||||||
|
|
||||||
|
// add metadata
|
||||||
|
$meta = [
|
||||||
|
'page' => $page,
|
||||||
|
'perpage' => $perpage,
|
||||||
|
'pages' => ceil($total / $perpage),
|
||||||
|
'total' => $total,
|
||||||
|
'sort' => 'asc',
|
||||||
|
'field' => 'id'
|
||||||
|
];
|
||||||
|
|
||||||
|
// build query
|
||||||
|
$query = $qb->select('q');
|
||||||
|
|
||||||
|
// check if filter is present
|
||||||
|
if (isset($datatable['query']['data-rows-search']) && !empty($datatable['query']['data-rows-search'])) {
|
||||||
|
$query->where('q.username LIKE :filter')
|
||||||
|
->orWhere('q.first_name LIKE :filter')
|
||||||
|
->orWhere('q.last_name LIKE :filter')
|
||||||
|
->orWhere('q.email LIKE :filter')
|
||||||
|
->orWhere('q.contact_num LIKE :filter')
|
||||||
|
->setParameter('filter', '%' . $datatable['query']['data-rows-search'] . '%');
|
||||||
|
}
|
||||||
|
|
||||||
|
// check if sorting is present, otherwise use default
|
||||||
|
if (isset($datatable['sort']['field']) && !empty($datatable['sort']['field'])) {
|
||||||
|
$order = $datatable['sort']['sort'] ?? 'asc';
|
||||||
|
$query->orderBy('q.' . $datatable['sort']['field'], $order);
|
||||||
|
} else {
|
||||||
|
$query->orderBy('q.id', 'asc');
|
||||||
|
}
|
||||||
|
|
||||||
|
// get rows for this page
|
||||||
|
$rows = $query->setFirstResult($offset)
|
||||||
|
->setMaxResults($perpage)
|
||||||
|
->getQuery()
|
||||||
|
->getResult(Query::HYDRATE_ARRAY);
|
||||||
|
|
||||||
|
// response
|
||||||
|
return $this->json([
|
||||||
|
'meta' => $meta,
|
||||||
|
'data' => $rows
|
||||||
|
]);
|
||||||
|
|
||||||
// add crud urls
|
// add crud urls
|
||||||
foreach ($rows as $index => $row) {
|
foreach ($rows as $index => $row) {
|
||||||
|
|
|
||||||
|
|
@ -68,9 +68,13 @@
|
||||||
source: {
|
source: {
|
||||||
read: {
|
read: {
|
||||||
url: '{{ url("user_rows") }}',
|
url: '{{ url("user_rows") }}',
|
||||||
method: 'POST'
|
method: 'POST',
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
pageSize: 10,
|
||||||
|
serverPaging: true,
|
||||||
|
serverFiltering: true,
|
||||||
|
serverSorting: true
|
||||||
},
|
},
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
|
|
@ -92,7 +96,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
field: 'email',
|
field: 'email',
|
||||||
title: 'E- mail'
|
title: 'E-mail'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
field: 'contact_num',
|
field: 'contact_num',
|
||||||
|
|
@ -135,11 +139,10 @@
|
||||||
input: $('#data-rows-search'),
|
input: $('#data-rows-search'),
|
||||||
delay: 400
|
delay: 400
|
||||||
},
|
},
|
||||||
/*
|
pageSize: 10,
|
||||||
serverPaging: true,
|
serverPaging: true,
|
||||||
serverFiltering: true,
|
serverFiltering: true,
|
||||||
serverSorting: true
|
serverSorting: true
|
||||||
*/
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var table = $("#data-rows").mDatatable(options);
|
var table = $("#data-rows").mDatatable(options);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue