jQuery mobile : רשימות (lists)

רשימות נפוצות למדי באפליקציות mobile.
נראה כיצד תומך בהן JQM.

רשימות בסיסיות

אפילו בשימוש בסיסי ב HTML (כלומר ללא שימוש ב JQM) מתקבלת תוצאה סבירה:

התוצאה:

Lists1

 

 

 

 

 

 

 

אולם ניתן להוסיף "סימון" של JQM (באמצעות תכונת data), ולקבל תוצאה משודרגת:

והתוצאה:

Lists2

 

 

 

 

 

 

 

רשימות עם קישורים

הוספת קישורים רגילים לרכיבי הרשימה מדגימה את היכולת של JQM לטפל ברשימות:

התוצאה תיראה כך:

Lists3

 

 

 

 

 

 

JQM מזהה את הקישורים ומציג אותם באופן נפוץ באפליקציות mobile.
שינוי זה, למרות היותו שינוי גרפי בלבד, הופך את הרשימה לתפריט בסיסי.

 שינויי תצוגה "מגניבים"

ניתן ליצור שינויים קלים בהגדרות ולקבל שינויי תצוגה נאים.

רשימה מוכלת (inset list) היא רשימה שלא תופסת את כל רוחב הדף.
להלן דוגמא של רשימה מוכלת, ובה גם רכיבי הפרדה:

תיראה כך:

Lists4

 

 

 

 

 

 

 

 

ניתן לייצר מפרידים כאלה באופן אוטומטי:

שייראו כך:

Lists5

 

 

 

 

 

 

 

 

רשימה עם תמונות thumbnail

לסיום נציג תמונות בתוך הרשימה:

ייראה כך:

Lists6

 

 

 

 

 

 

 

 

 

קיימות אפשרויות נוספות להצגת רשימות אותן ניתן למצוא בתיעוד.

 


כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *