jQuery Mobile - Widget Fliterable

Descrição

Usando o data-filter = "true"atributo, você pode filtrar os filhos de qualquer elemento. O filho conterá o texto, que será usado para filtragem por padrão.

No entanto, você tem uma opção alternativa de definir o atributo data-filtertext como uma string em qualquer um dos filhos, que será considerado para filtragem.

A tabela a seguir lista os tipos filtráveis ​​usados ​​no jQuery mobile -

Sr. Não. Tipo filtrável e descrição
1 Filtro básico

Você pode definir o atributo de filtro de dados como true em um listview para criar um filtro para seus itens da lista.

2 Filtro de tabela

Para gerar um filtro de tabela, defina o atributo data-filter como true no elemento da tabela para produzir filtro para linhas.

3 Filtro de grupo de controle

Os botões do grupo de controle também podem ser filtrados usando o atributo de filtro de dados nos elementos, que cria o grupo de controle.

4 Conjunto de filtros recolhíveis

O widget de filtro também pode ser usado no conjunto recolhível . Você deve usar o atributo de filtro de dados e definir como verdadeiro no elemento que cria o conjunto recolhível.

5 Conjunto de filtros recolhíveis e filhos recolhíveis

O widget de filtro também pode ser usado em conjunto recolhível e filhos recolhíveis.

6 Filtrar qualquer coisa

O widget de filtro também pode ser usado para filtrar qualquer elemento que contenha outro elemento.

7 Estilo de filtro

Você pode definir um tema específico para o campo de texto e também fornecer um espaço reservado para ele.

8 Filtro Revelar

Esse recurso permitirá que você crie um preenchimento automático simples facilmente com dados locais.

9 Filtro de retorno de chamada personalizado

Tal como acontece com a extensão do listview, a função de retorno de chamada pode ser fornecida ao filtro ou até mesmo substituir o filtro inteiramente no evento filterablebeforefilter .

10 Pré-renderização

Ao especificar o atributo data-Enhanced = "true" , você pode evitar que o widget filtrável execute o filtro uma vez durante a inicialização.