jQuery Mobile - Listview
La Listview est utilisée pour afficher une liste d'éléments. data-role = "listview" L'attribut est inclus dans le conteneur pour afficher la liste dans une liste déroulante verticale.
Le tableau suivant montre en détail les types de listview.
| N ° Sr. | Type et description |
|---|---|
| 1 | Lecture seule, non ordonné
Incluez l' attribut data-role = "listview" pour créer une simple liste non ordonnée. |
| 2 | Lecture seule, commandé
Créez des listes ordonnées (ol) en y incluant l' attribut data-role = "listview" . |
| 3 | Lié
Lorsqu'un lien hypertexte est défini dans la liste, il se présente sous la forme d'un bouton. |
| 4 | Encart
Appliquez l'aspect incrusté en incluant l'attribut data-inset = "true" . |
| 5 | Filtre
La liste peut être filtrée en ajoutant l' attribut data-filter = "true" . |
| 6 | Filtre révéler
Ajoutez l' attribut data-filter-révélez = "true" pour masquer l'élément de liste. |
| sept | Diviseurs de liste
Ajoutez un attribut data-role = "list-divider" à n'importe quel élément de liste pour le diviser en un groupe d'éléments de liste. |
| 8 | Diviseurs automatiques
L'attribut data-autodividers = "true" est inclus pour générer automatiquement les diviseurs vers n'importe quelle vue de liste. |
| 9 | Compter les bulles
La classe ui-li-count définie dans l'élément aidera à inclure un indicateur de comptage dans l'élément de liste sur le côté droit. |
| dix | Icônes: Standard
Ajoutez une icône de données d' attribut pour définir l'icône d'un élément de liste particulier. |
| 11 | Icônes: 16 x 16
Incluez la classe de ui-li-icon dans l'élément image pour ajouter une image de 16 X 16 pixels dans l'élément de liste. |
| 12 | Miniatures
Dans l'élément de liste, les miniatures sont incluses sur le côté gauche. |
| 13 | Boutons divisés
Incluez un deuxième lien dans le li pour créer un élément de liste fractionnée. |
| 14 | Contenu formaté
Utilisez des balises d'en-tête et de paragraphe pour ajouter du contenu dans le format de hiérarchie approprié. |
| 15 | Thème
L' attribut data-theme est ajouté pour inclure le thème de la vue de liste ou d'un élément de liste particulier. |
| 16 | Formes
Dans la vue en liste, l'élément de formulaire peut être inséré pour une présentation de groupe. |
| 17 | Vue de liste réductible
L' attribut data-role = "collapsible" est encapsulé dans le conteneur pour rendre la vue de liste réductible. |
| 18 | Groupé pliable avec des vues de liste
Une liste vue groupée peut être créée à l'intérieur de l'ensemble réductible à l'aide de l'attribut data-role = "collapsibleset" . |
| 19 | Vue de liste pliable pleine largeur
L' attribut data-inset = "false" est ajouté pour rendre l'ensemble pliable pleine largeur. |