jQuery Mobile - Menu de Seleção Personalizado
O menu de seleção personalizado é usado para exibir a lista de menus no formato pop-up.
A tabela abaixo demonstra os tipos de menu de seleção personalizado em detalhes.
| Sr. Não. | Tipo e descrição |
|---|---|
| 1 | Menu de seleção personalizado básico Inclua o atributo data-native-menu = "false" para exibir o menu em formato pop-up. |
| 2 | Lista longa Ele exibe a longa lista para o menu de seleção personalizado quando há mais número de listas disponíveis. |
| 3 | Mini Sized Incluir o atributo data-mini = "true" para criar o menu de seleção personalizado da mini versão. |
| 4 | Ícone Esquerdo O ícone do menu é definido à esquerda usando o atributo data-iconpos = "left" no fieldset. |
| 5 | Marcador de posição de dados O espaço reservado especifica uma breve dica que descreve o valor esperado. |
| 6 | Opção sem valor As tags <option> são usadas para definir um item em uma lista de seleção e o atributo value = "" define o valor padrão da variável no atributo name . |
| 7 | Opção vazia sem valor Qualquer valor <option> sem / o pode ser mantido vazio no menu de seleção personalizado. |
| 8 | Opção Selecionada Nas tags <option>, adicione o atributo selected = "selected" para selecionar uma opção específica. |
| 9 | Opção Desabilitada Defina o atributo disabled = "disabled" no elemento <option> para desativar a opção de menu de seleção personalizada. |
| 10 | Opção de seleção múltipla Incluir multiple = "multiple" nos elementos <select> para tornar a opção múltipla selecionada na lista personalizada. |
| 11 | Vários, ícone esquerdo, lista longa Defina o ícone no lado esquerdo adicionando o atributo data-iconpos = "left" no elemento <select>. |
| 12 | Optgroup Os elementos optgroup jQuery mobile são usados para agrupar a lista de seleção e as tags <option> são usadas para definir um item naquele grupo específico em uma lista de seleção. |
| 13 | Grupo de controle vertical Defina o atributo data-role = "controlgroup" no fieldset para agrupar verticalmente o menu de seleção personalizado. |
| 14 | Grupo de controle vertical, ícone à esquerda, tamanho reduzido Inclua o atributo data-mini = "true" no fieldset para criar o menu de seleção personalizado de grupos verticais de tamanho reduzido. |
| 15 | Grupo de controle horizontal Defina o menu de seleção horizontalmente incluindo data-type = "horizontal" no fieldset. |
| 16 | Grupo de controle horizontal, tamanho reduzido Inclua o atributo data-mini = "true" no fieldset para criar o menu de seleção de grupo horizontal no mini size. |