Flexdatalist - Plugin за автоматично довършване с
Най- HTML5 елемент е много полезно в модерната разработка на frontend. И все пак, това е един от онези елементи, за които не са известни много разработчици.
Тя работи на поле за въвеждане, където можете автоматично предлагане на определени стойности за входа. Настройката по подразбиране изглежда добре и ние разгледахме някои съвети за кодиране за създаване на страхотни ефекти с автоматично подаване на данни.
Въпреки това е много по-лесно за работи с приставка като Flexdatalist. То поддържа по-широк набор от браузъри и ви позволява да персонализирате изцяло дизайна на вашата база данни.
Не всеки има нужда от функции за автоматично довършване и с родните HTML5 бази данни, може да не се притесняваш с плъгин. Въпреки това, Flexdatalist е може би най-добрият там, защото той се основава на поведението на местните данни добавям:
- Поддръжка за мобилни устройства
- Допълнителни описания за всеки елемент
- Опции за множество селекции наведнъж
- Персонални манипулатори на събития
е всичките се захранват от jQuery, така ще го направите се нуждаете от копие на последната версия за да изпълните това. То също идва със собствена CSS стилова таблица което може да искате да комбинирате в един CSS файл, за да намалите HTTP заявки.
Можете да намерите пълни инструкции за настройка на главната демо страница, която включва изтегляне на връзки към файловете на Flexdatalist.
Много е лесно да се настрои, с само един ред на JavaScript. По подразбиране приставката насочва всички входове с класа .flexdatalist, така че просто добавянето на този код трябва да е достатъчно, за да видите резултатите.
Просто добавете елемент във вашето поле за въвеждане и Flexdatalist обработва останалото. Тя ще автоматично стилизира списъка, включително по избор описателен текст.
Най-простият начин за добавяне на допълнителен текст е чрез JSON файл което можете Прикрепете към входа си чрез атрибут за данни.
Например, ако проверите демонстрационната страница на Flexdatalist, ще намерите “Държави” поле за въвеждане с атрибута = Данни за данни "countries.json". Това се отнася за отдалечен файл, който съхранява всички необработени входни данни външно.
Твърде много от тези полета можете забавете малко страницата. Въпреки това, не мога да си представя, че много сайтове ще работят повече от няколко от тези форми на данни на една страница, да не говорим дори за този плъгин jQuery, те са все още доста бързо.
За да започнете, просто посетете репо GitHub и изтеглете копие. Това включва: a връзка към главната демонстрационна страница който също разполага с пълна документация за настройка, опции на JavaScript и изобилие от примерни кодови фрагменти.
