Как я могу включить предложения, такие как предложения Google, в мое собственное поле автозаполнения? - PullRequest
Новая
       0

Как я могу включить предложения, такие как предложения Google, в мое собственное поле автозаполнения?

0 голосов
/ 22 марта 2011

Следующий код показывает функцию автозаполнения, которая использует только данные, которые я предоставил.Я хочу иметь возможность изменить источник данных, чтобы при использовании автозаполнения отображались общие запросы Google.Как я мог это сделать? 

<html>
    <head>
        <script type="text/javascript"
        src="http://www.google.com/jsapi?key=ABQIAAAARh4zAaoctlNef6M1fBHLSRT_pkQkDorgHY-QpTBEqS9oVy079BTA6a35AAdpXz6ExAMdICz8lNWRVA"></script>
        <script>
            google.load("jquery", "1.4.2");
            google.load("jqueryui", "1.8.2");
        </script>
    </head>

    <body>
        <script>
                $(document).ready(function () {
                    var myData = ["One", "Two", "Three"];
                    $("#myTestField").autocomplete({
                        source: myData
                    });
                });
        </script>

        <form>
        <input type="text" id="myTestField" />
        </form>

    </body>


</html>

Ответы [ 2 ]

0 голосов
/ 30 марта 2011

Я не нашел пример кода, который был бы интуитивно понятным, чтобы сделать это сам, поэтому я добавлю кое-что простое здесь для окна автозаполнения поиска с использованием ASP.NET MVC.

jquery: 

<script>
    $(function () {
        $("#search").autocomplete({
            source: '/Search'
        });
    });
</script>

ASP.NET MVC: 

public ActionResult Search(string term)
{
    List<string> results = new List<string>();

    foreach (var x in y) // where y is what you are searching
    {
         if (x.Contains(term))
             results.Add(x);
    }

    return Json(results);
}
0 голосов
/ 22 марта 2011

Как вы можете видеть в примере кода, возможности определены в массиве myData. Вам необходимо настроить серверный скрипт php (или любой другой технологии), чтобы он возвращал данные, основанные на начальной строке. Эти данные будут опрашиваться через AJAX и использоваться автозаполнением.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...