របៀបប្រើ Typeahead.js

• techfree


• 6 Dec 2016

Typeahead.js គឺជាបណ្ណាល័យ JavaScript មួយអាចបត់បែនបានដែលផ្តល់នូវមូលដ្ឋានរឹងមាំសម្រាប់ការបង្កើត typeaheads។

១) មូលដ្ឋាន

នៅពេលចាប់ផ្តើម typeahead ដោយប្រើកម្មវិធីជំនួយ jQuery typeahead.js អ្នកសិក្សាអំពីកម្មវិធីជំនួយ (plugin)មួយ ឬ សំណុំទិន្នន័យ (dataset) ច្រើន។ ប្រភពនៃសំណុំទិន្នន័យមួយនេះគឺទទួលខុសត្រូវចំពោះការផ្ដល់នូវសំណុំកុំព្យូទ័រមួយសម្រាប់ query ដែលបានផ្តល់ឱ្យ។

សរសេរកូដ HTMLសរសេរកូដ Javascriptឧទាហរណ៍យើងនឹងបានលទ្ធផលដូចខាងក្រោម

២) Prefetch

ទិន្នន័យ Prefetch គឺបានទៅប្រមូលយកទិន្នន័យតាំងពីការចាប់ផ្ដើមដំណើរការ។ ប្រសិនបើកម្មវិធីរុករកអាចផ្គត់ផ្គង់ផ្ទុកទិន្នន័យក្នុងមូលដ្ឋាន ហើយទិន្នន័យនឹងដំណើរការរក្សាទុកក្នុងឃ្លាំងសម្ងាត់ (cached) ដើម្បីទប់ស្កាត់ការស្នើបណ្តាញបន្ថែមទៀតដោយផ្ទុកទំព័រជាបន្តបន្ទាប់។

សរសេរកូដ HTMLសរសេរកូដ  Javascriptឧទាហរណ៍យើងនឹងបានលទ្ធផលដូចខាងក្រោម

៣) Multiple Datasets

សរសេរកូដ CSSសរសេរកូដ HTMLសរសេរកូដ Javascript
ឧទាហរណ៍

យើងនឹងបានលទ្ទផលដូចខាងក្រោម

យើងទាញយកប្រភពកូដតាមរយៈតំណភ្ជាប់នេះ typeahead-source-code។