Select2,Symfony:自动完成,远程数据不起作用

问题描述 投票:0回答:1

我正在尝试在我的网站上搜索城市时实施自动完成搜索(拼车)。我做了一个控制器searchCity,它返回一个城市的json:

 /**
 * @Route ("/city/{term}")
 */
public function searchCity($term)
{
    $query = $this->getDoctrine()->getRepository('App:Ville')
        ->createQueryBuilder('v')
        ->select('v.id, v.nomReel AS text')
        ->where('v.nomSimple LIKE :term')
        ->setParameter('term', $term.'%')
        ->getQuery()
        ->getResult();

    $query = array('results' => $query);
    return new JsonResponse($query);
}

例如,如果我去/ city / Paris,我会得到:

    {"results":[
        {"id":30438,"text":"Paris"},
        {"id":29427,"text":"Paris-l\u0027H\u00f4pital"}, //I know single quotes
        {"id":33294,"text":"Parisot"},                   //don't work
        {"id":33531,"text":"Parisot"}]}

选择 :

<div class="container">
    <select id="citySelect" class="select2 select2-dropdown select2-search" name="term">
    </select>
</div>

javascript:

        $(document).ready(function(){
            $("#citySelect").select2({
                placeholder: "Select city",
                ajax: {
                    dataType: "json",
                    url: function (params) {
                        return '/city/' + params.term;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function(obj) {
                                return { id: obj.ime, text: obj.ime };
                            })
                        };
                    }
                }
            });
        });

当我搜索一个城市时,没有任何东西显示(搜索......什么都没有)和控制台日志我可以看到数据存在并且格式良好但是城市没有显示在下拉菜单中。我认为我的问题在于我的javascript代码和我对select2的理解。

问候

更新:

JS:

            $(document).ready(function(){
            $(".select2").select2({
                placeholder: "Select city",
                ajax: {
                    dataType: "json",
                    url: function (params) {
                        return '/city/' + params.term;
                    },
                    processResults: function (data) {
                        return {
                            results: data.results //return data directly
                        };
                    }
                }
            });
        });
javascript symfony jquery-select2
1个回答
0
投票

我想在转换你想要的数据时

return { id: obj.id, text: obj.text };

代替

return { id: obj.ime, text: obj.ime };

另外看你发布的json你可能(未经测试)就可以了

processResults: function (data) {
    return {
        results: data.results;
    };
}
© www.soinside.com 2019 - 2024. All rights reserved.