Question

我正在寻找Symfony3中预先输入或自动完成文本框的好例子。在文本框中输入文本时，将执行查询以在数据库中搜索，并且可以选择结果。

有任何建议如何在Symfony3中实现这一点？哪里可以找到一个好的工作实例？

Answer 1

你可以使用typeahead.js作为JQuery包括： https://twitter.github.io/typeahead.js/

这是一个简单的例子： https://twitter.github.io/typeahead.js/examples/

无论如何，在Symfony中应该很容易做到。

Answer 2

我最近使用Jquery，FosJsRouting和Typeahead使用的项目代码：

$('input.typeahead').typeahead({
        highlight: true,
        source: function (valor, process) {
            var search = Routing.generate('YOUR_ROUTE_NAME', {value: value});                
                return $.get(search, function (data) {
                    states = [];
                    map = {};
                    $.each(data, function (i, state) {
                        map[state.id] = state;
                        states.push(state.id);
                    });
                    return process(states);
                });                
        },
        updater: function (item) {
            //After select use the option you selected
            $(".table tbody").append('<tr><td>map[item].id</td></tr>');

        },
    });

我使用id作为我想从Json中选择的参数，但您可以选择任何参数。

Symfony3提前输入/自动完成

2 个答案: