Multi.js - ידידותי למשתמש בחר תיבת מובנה על רגיל JavaScript
בחר תפריטים הם פרימיטיביים אבל הם עובדים. כנ"ל לגבי כל תשומות טופס טיפוסי כגון תיבות סימון ו כפתורי רדיו.
קל ליצור טפסים משלך אבל בנייה מחדש של רכיבי ממשק מאפס יכול להיות קשה. בגלל זה Multi.js הוא כזה תוסף יקר עבור החלפת תיבות ברירת מחדל.
עם Multi.js, אתה לתת למבקרים רשימה של פריטים לבחירה עם תכונה נבחרת רב מובנית לתוך הטופס. בדרך זו משתמשים יכולים לחץ על פריטים מרובים ללא הסתמכות על תיבות סימון.
סקריפט זה אפילו תומך בתכונת החיפוש, כך שמשתמשים יכולים לחפש פריטים אם הרשימה ארוכה במיוחד.
אני גם מוצא את התפריט די אינטואיטיבי, אז זה לא צריך להסביר הרבה. אתה לוחץ על פריט כלשהו בצד שמאל כדי להוסיף אותו לעמודה הימנית (או “נבחר” פריטים). לאחר מכן, לחץ על פריטים בעמודה הימנית כדי להסיר אותם.
הכל פועל על וניל JavaScript, כולל תכונת החיפוש, כך שאתה לא צריך שום תלות. למרות זאת תומך jQuery אם האתר שלך משתמש בספריה זו.
כל מה שאתה צריך הוא קובץ Multi.js וגיליון סגנונות CSS ללכת יחד עם זה. לאחר מכן, אתה פשוט ליצור אלמנט ו למקד את האלמנט עם פונקציית JavaScript, ככה:
var select_element = document.getElementById ('your_element_ID'); רב (select_element); עכשיו, תוסף אינו תומך בקבוצות optgroups אבל תכונה זו היא בעבודות.
כך או כך, פונקציונליות ברירת המחדל היא מדהימה. זה עובד בדיוק כפי שהיית מצפה לזה אפילו תומך פריסות תגובה ניידים.
כדי ללמוד עוד, בדוק את GitHub ריפו איזה כולל גם קבצים להורדה. מולטי דף הדגמה הוא נהדר לראות איך זה תוסף עובד בדפדפן. אבל באמת, זה פשוט דרך פשוטה הגדר מחדש את התפריטים הנבחרים שלך תוך שיפור חווית המשתמש הכוללת של הטופס.
