YUI3 автозаполнение - PullRequest
       25

YUI3 автозаполнение

0 голосов
/ 16 февраля 2010

Я думаю, что хотел бы перейти с Scriptaculous на YUI. Итак, первое, что я пытаюсь сделать, - это функция автозаполнения на первой странице демонстрации моего приложения. Каждый поиск, который я делаю для этого, ссылается на примеры и инструкции YUI2. Они используют объекты YAHOO вместо объектов YUI, и я просто не верю, что это правильный способ сделать это.

Если я уже был знаком с 2.x, возможно, это не так уж сложно, но я из другого набора библиотек. У кого-нибудь есть инструкции, как реализовать функцию автозаполнения с помощью YUI 3? Любая помощь будет оценена.

Спасибо, Дейв

Ответы [ 5 ]

3 голосов
/ 28 января 2011

Официальный виджет автозаполнения YUI 3 был выпущен в YUI 3.3.0: http://developer.yahoo.com/yui/3/autocomplete/

2 голосов
/ 16 февраля 2010

Некоторая начальная работа над AutoComplete была выполнена в YUI 3. Из-за проблем с ресурсами, он был временно перемещен в Галерею, чтобы разработчики имели доступ к ней до тех пор, пока она не будет полностью раскрыта, задокументирована и примеры не будут написаны для официальных лиц. релиз.

http://yuilibrary.com/gallery/show/autocomplete

1 голос
/ 16 февраля 2010

Многие виджеты еще не были портированы с 2.x на 3.x. Если вы действительно против использования YUI 2.x, вы, вероятно, можете портировать виджет самостоятельно; YUI на GitHub .

0 голосов
/ 12 июля 2014

Вот пример из Apache Roller, использующего Y.DataSource.IO для извлечения данных с использованием JSON (я также включил строку тестирования "ds2" с использованием локального массива, которую я с тех пор удалил из кода .) Как я понимаю, вместо этого следует использовать Y.DataSource.Get, если вы используете JSONP.

Это автозаполнение для поля «теги», которое люди используют для ввода 0 или более тегов (тем) для записи в блоге. Он запрашивает ранее использованные теги для других записей блога в качестве предложений для пользователя, основываясь на вводимых пользователем данных (поскольку пользователь вводит больше букв "b..a ... и т. Д., Появляется меньше элементов.) Если это полезно для понимания примера Вот пример возвращаемого JSON:

{ "prefix": "ba",
  "weblog": "gmazza",
  "tagcounts": [
   { "tag" : "bahamas", "count" : 1 }, 
   { "tag" : "baltimore", "count" : 3 }, 
   { "tag" : "baseball", "count" : 3 }]
}

Моя рекомендация состоит в том, чтобы сначала получить автозаполнение, работающее с локальным жестко закодированным массивом в качестве источника (мой ds2 в приведенном выше примере). После этого сконцентрируйтесь на получении источника данных и корректном считывании из него автозаполнения вместо массив.

...