jQuery Mobile - Listview
O Listview é usado para exibir uma lista de itens. data-role = "listview" atributo é incluído no contêiner para exibir a lista em uma lista rolável vertical.
A tabela a seguir demonstra os tipos de listview em detalhes.
| Sr. Não. | Tipo e descrição |
|---|---|
| 1 | Somente leitura, não ordenado Inclua o atributo data-role = "listview" para criar uma lista simples não ordenada. |
| 2 | Somente leitura, ordenado Crie listas ordenadas (ol) incluindo o atributo data-role = "listview" nele. |
| 3 | Vinculado Quando um hiperlink é definido na lista, ele é denominado como um botão. |
| 4 | Inserir Aplique a aparência de inserção incluindo o atributo data-inset = "true" . |
| 5 | Filtro A lista pode ser filtrada adicionando o atributo data-filter = "true" . |
| 6 | Filtro revelar Adicione o atributo data-filter-describe = "true" para ocultar o item da lista. |
| 7 | Divisores de lista Adicione data-role = "list-divider" um atributo a qualquer item da lista para dividir em um grupo de itens da lista. |
| 8 | Autodividers data-autodividers = "true" atributo é incluído para gerar os divisores automaticamente para qualquer listview. |
| 9 | Contar bolhas ui-li-count class define in element ajudará a incluir um indicador de contagem no item da lista no lado direito. |
| 10 | Ícones: Padrão Adicione o ícone de dados do atributo para definir o ícone de um determinado item da lista. |
| 11 | Ícones: 16x16 Inclua a classe do ícone ui-li no elemento de imagem para adicionar uma imagem de 16 X 16 pixels no item da lista. |
| 12 | Miniaturas No item da lista, as miniaturas são incluídas no lado esquerdo. |
| 13 | Botões de divisão Inclua um segundo link dentro do li para criar um item de lista de divisão. |
| 14 | Conteúdo formatado Use tags de título e parágrafo para adicionar conteúdo no formato de hierarquia adequado. |
| 15 | Tema O atributo data-theme é adicionado para incluir o tema para o listview ou para um item de lista específico. |
| 16 | Formulários Em listview, o elemento de formulário pode ser inserido para uma apresentação de grupo. |
| 17 | Visualização de lista recolhível O atributo data-role = "collapsible" é empacotado no contêiner para tornar o listview recolhível. |
| 18 | Agrupado recolhível com listviews Um listview agrupado pode ser criado dentro do conjunto recolhível usando o atributo data-role = "collapsibleset" . |
| 19 | Visualização de lista recolhível de largura total O atributo data-inset = "false" é adicionado para tornar o conjunto recolhível de largura total. |