inanzzz | Symfony ile tek bir alan içinde arama yapmak için otomatik tamamlama özelliğini kullanmak

Bu örneğimizde, tek bir textbox ile tek bir alan içinde (id) arama yapmak için otomatik tamamlama özelliğini kullanacağız. Veritabanında id alanını sorgulayıp, ilgili kayıtları geri döndüreceğiz.

Symfony hakkında en azından temel bir bilgi sahibi olduğunuzu varsayıp, örneği kısa keseceğim.

Javascript ve HTML bölümleri

Javascript

Arama işlemi siz yazmaya başlar başlamaz başlayacak. Bunu minLength seçeneği ile kontrol edebilirsiniz.

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

<script>
    $(function() {
        $('#user_id').autocomplete({
            source: function(request, response) {
                $.getJSON(
                        $('#suggest_user_endpoint').val(),
                        {
                            term: $('#user_id').val().trim()
                        },
                        response
                );
            },
            minLength: 1
        });
    });
</script>

HTML

<div class="ui-widget">
    <input type="text" id="user_id" name="user_form" />
</div>

<input type="hidden" id="suggest_user_endpoint" value="{{ path('suggest_users') }}" />

Controller

/**
 * @param Request $request
 *
 * @Route("/suggest-users", name="suggest_users")
 * @Method("GET")
 *
 * @return JsonResponse
 */
public function suggestUsersAction(Request $request)
{
    $term = $request->query->get('term');
    $users = null;

    if ($term) {
        $users = $this->userService->suggestUser($term);
    }

    $response = new JsonResponse();
    $response->setData($users);

    return $response;
}

Service

public function suggestUsers($term)
{
    $users = $this->userRepository->findLimitedBySearchTermOnId($term);
    if ($users) {
        $users = array_map('current', $users);
    }

    return $users;
}

Repository

public function findLimitedBySearchTermOnId($idPrefix, $limit = 10)
{
    return $this->createQueryBuilder('u')
        ->select('u.id')
        ->andWhere('u.id LIKE :idPrefix')
        ->setParameter('idPrefix', $idPrefix.'%')
        ->setMaxResults($limit)
        ->getQuery()
        ->getResult(DoctrineQuery::HYDRATE_SCALAR);
}

Örnek sonuç

Arama texboxuna e2c (user id) yazdığınızı varsayıyorum. Sonuç olarak aşağıdakine benzer bir cevap alabilirsiniz.

Array
(
    [0] => Array
        (
            [id] => e2c000-111-222-333
        )
    [1] => Array
        (
            [id] => e2c999-444-555-666
        )
)