2014-10-08 2 views
0

Я ищу, чтобы создать текстовое поле автозаполнения в javascript, который ведет себя как autocompete в разработке IDE.Javascript library for autocomplete like ide

Мои данные бесконечно рекурсивные, и каждый ребенок может содержать тысячи предметов. Простой Json будет выглядеть следующим образом:

[{ 
    id: 123, 
    name:abc, 
    children: 
     [ 
      { 
       id: 156, 
       name:xyz, 
       children: 
        [ 
        .... 
        ] 
      },.... 
     ] 
},...] 

Для каждого элемента я хотел бы быть в состоянии поиска и автозаполнения. В идеале данные будут извлекаться при вызове отдыха каждый раз, когда пользователь завершает передачу идентификатора ранее выбранного элемента.

например. для json выше ... Когда пользователь вводит «a», они получают «abc» в качестве опции автозаполнения. Когда они выбирают «abc», а затем «x», «xyz» будет следующей опцией автозаполнения. Поэтому в текстовом поле я получаю «abc.xyz». Очевидно, что в реальном мире я обеспечил ввод более одного символа.

Есть ли там библиотеки, которые уже предоставляют такое поведение, поэтому мне не нужно повторно изобретать колесо? Самый близкий, который я нашел, - select2 (http://ivaynberg.github.io/select2/), и я попытался использовать автозаполнение jquery (http://jqueryui.com/autocomplete/), но не могу получить поведение, которое я после.

Любая помощь приветствуется.

+0

что выбрать select2 не делать это, как правило, это вариант? Просто пытаюсь получить полное представление. –

+0

Это может сделать то, что я хочу, но я не вижу, как это сделать. В частности, используя ранее выбранный элемент, чтобы продолжить автозаполнение с другим соответствующим поиском. – alexs

ответ