| 1 | = Campo de Entrada Autocompletável = |
| 2 | |
| 3 | == Plugin: wf_autocomplete_input_init == |
| 4 | |
| 5 | '''Descrição:''' Insere código que referencia arquivos de javascript responsáveis pela funcionalidade. |
| 6 | |
| 7 | '''Parâmetros:''' <nenhum> |
| 8 | |
| 9 | '''Exemplo:''' |
| 10 | |
| 11 | {{{ |
| 12 | {wf_autocomplete_input_init} |
| 13 | }}} |
| 14 | |
| 15 | Observação: antes de utilizar "wf_autocomplete_input" (seja uma ou mais vezes), deve-se fazer uma '''única''' chamada ao plugin "wf_autocomplete_input_init". |
| 16 | |
| 17 | ---- |
| 18 | |
| 19 | == Plugin: wf_autocomplete_input == |
| 20 | |
| 21 | '''Descrição:''' Este plugin insere um ''input'' que, conforme o usuário digita uma nova entrada, são filtrados e mostrados os valores que podem ser selecionados.[[br]] |
| 22 | Este componente possui dois modos de funcionamento: |
| 23 | * POPULATE_ON_LOAD: Todos os valores são armazenados em um cache previamente através de uma requisição ajax. |
| 24 | * REPOPULATE_ON_CHANGE: Os valores vão sendo armazenados em um cache conforme são feitas as requisições ajax. Este modo foi desenvolvido de forma que não haja 2 chamadas ajax idênticas, ou seja, apenas entradas diferentes farão novas chamadas. |
| 25 | Em ambos os modos a classe e o método que serão invocados são passados por parêmetro no momento em que o desenvolvedor utiliza o componente |
| 26 | |
| 27 | |
| 28 | '''Parâmetros:''' |
| 29 | |
| 30 | name: o nome que o componente irá receber. |
| 31 | |
| 32 | ajaxClass: classe ajax que será utilizada para fazer a consulta. |
| 33 | |
| 34 | ajaxMethod: método da classe que será invocado para preencher a lista de opções. |
| 35 | |
| 36 | methodParam: (opcional) parâmetro para o método que será invocado para preencher a lista de opções. |
| 37 | |
| 38 | minLength: (opcional) número mínimo de caracteres necessários para que as opções apareçam na lista. |
| 39 | |
| 40 | idValue: (opcional) o id de um item previamente selecionado (não é visível para o usuário). |
| 41 | |
| 42 | textValue: (opcional) o texto de um item inicialmente selecionado (é visível para o usuário). |
| 43 | |
| 44 | style: (opcional) estilo para o campo input. |
| 45 | |
| 46 | mode: (opcional) modo de funcionamento do componente: POPULATE_ON_LOAD ou REPOPULATE_ON_CHANGE |
| 47 | |
| 48 | |
| 49 | '''Parâmetros obrigatórios:''' |
| 50 | |
| 51 | name |
| 52 | |
| 53 | ajaxClass |
| 54 | |
| 55 | ajaxMethod |
| 56 | |
| 57 | '''Valor padrão:''' |
| 58 | |
| 59 | minLength: 1, |
| 60 | |
| 61 | style: "width: 200px" |
| 62 | |
| 63 | mode: "POPULATE_ON_LOAD" |
| 64 | |
| 65 | '''Exemplo de utilização:''' |
| 66 | |
| 67 | {{{ |
| 68 | {wf_autocomplete_input name="_cidade" ajaxClass="abrirOS" ajaxMethod="recuperaCidades" methodParam=1} |
| 69 | }}} |
| 70 | |
| 71 | O exemplo acima cria um ''input'' e carrega o cache com o retorno do método '''"recuperaCidades"''' que, com o parâmetro '''"1"''', recupera as cidades do Paraná. Como não foi informado o modo de funcionamento, o cache está sendo carregado uma única vez, ou seja, não há outras chamadas ajax durante o uso do componente. |
| 72 | |
| 73 | Continua........ |