jQuery Mobile - Listview
Il Listview viene utilizzato per visualizzare un elenco di elementi. data-role = "listview" l'attributo è incluso nel contenitore per visualizzare l'elenco in un elenco scorrevole verticale.
La tabella seguente mostra i tipi di listview in dettaglio.
Sr.No. | Tipo e descrizione |
---|---|
1 | Sola lettura, non ordinato Includere l' attributo data-role = "listview" per creare un semplice elenco non ordinato. |
2 | Sola lettura, ordinato Crea elenchi ordinati (ol) includendo l' attributo data-role = "listview" in esso. |
3 | Collegato Quando un collegamento ipertestuale è definito nell'elenco, ha lo stile di un pulsante. |
4 | Inset Applica l'aspetto del riquadro includendo l'attributo data-inset = "true" . |
5 | Filtro L'elenco può essere filtrato aggiungendo l' attributo data-filter = "true" . |
6 | Filtro rivela Aggiungi l' attributo data-filter-reveal = "true" per nascondere l'elemento dell'elenco. |
7 | Divisori di elenchi Aggiungi data-role = "list-divider" atrribute a qualsiasi elemento dell'elenco per dividerlo in un gruppo di elementi dell'elenco. |
8 | Divisori automatici l'attributo data-autodividers = "true" è incluso per generare automaticamente i divisori in qualsiasi listview. |
9 | Conta le bolle ui-li-count class define in element aiuterà a includere un indicatore di conteggio nella voce di elenco a destra. |
10 | Icone: standard Aggiungi icona dati dell'attributo per impostare l'icona per un particolare elemento dell'elenco. |
11 | Icone: 16x16 Includere la classe di ui-li-icon nell'elemento immagine per aggiungere un'immagine di 16 x 16 pixel nella voce di elenco. |
12 | Miniature Nella voce di elenco, le miniature sono incluse sul lato sinistro. |
13 | Pulsanti divisi Includere un secondo collegamento all'interno del li per creare l'elemento dell'elenco diviso. |
14 | Contenuto formattato Utilizza i tag di intestazione e paragrafo per aggiungere contenuti nel formato gerarchico appropriato. |
15 | Tema L' attributo data-theme viene aggiunto per includere il tema per la visualizzazione elenco o per un particolare elemento dell'elenco. |
16 | Forme In listview, l'elemento del modulo può essere inserito per una presentazione di gruppo. |
17 | Listview comprimibile l' attributo data-role = "pieghevole" viene inserito nel contenitore per rendere la visualizzazione elenco comprimibile. |
18 | Raggruppato pieghevole con listviews È possibile creare una visualizzazione elenco raggruppata all'interno del set comprimibile utilizzando l'attributo data-role = "collapsibleset" . |
19 | Listview comprimibile a larghezza intera data-inset = l' attributo "false" viene aggiunto per rendere il set comprimibile a tutta larghezza. |