Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Com a inclusão de formulários que suportem a visualização em dispositivos móveis, é possível movimentar solicitações workflow e realizar o preenchimento das informações de formulários com maior mobilidade e agilidade.


Funções mobile

...

getAttachments

É uma função que retorna uma Promise com a lista dos anexos do formulário.  Funciona de forma offline.

No exemplo abaixo foi utilizado um await para aguardar a lista dos arquivos que pode ser vazia, caso não haja anexos.

Bloco de código
languagejs
titleChamada no JS
var listaArquivos = await JSInterface.getAttachments();

O objeto retorna sempre um json que é uma lista de arquivos. Cada arquivo pode ou não ter os dados, conforme abaixo:


Bloco de código
languagejs
themeEclipse
linenumberstrue
 [{
    "documentId": 4917,
    "version": 1000,
    "createDate": 1713872206178,
    "newAttach": false,
    "size": 1.2485828,
    "fileName": "file.pdf",
    "description": "file.pdf",
    "streamControlUrl": "" //Pode ser http ou caminho do arquivo /folder/file.pdf
  }]
Painel
borderColor#f2f2f2
bgColor#f2f2f2

Caso não tenha a informação no arquivo anexado, o valor será null por padrão.


Exemplo de chamada no JS de forma async:

Bloco de código
languagejs
async function getFiles() {  
    var listFiles = await JSInterface.getAttachments();
    
} 


beforeValidateAttachments

...

Este evento acontece ao clicar em "enviar" no navegador antes de abrir a tela de movimentação. Por isso, esse código deve ser implementado em um arquivo javascript vinculado ao formulário html. Ele recebe um parâmetro que é a lista de todos os anexos que estão vinculados no formulário e é muito útil para algumas validações antes mesmo de ser enviado para o servidor. 


Bloco de código
languagejs
var beforeValidateAttachments = function (listFiles) {
	if (listFiles.length == 0) {
		throw 'Necessário incluir um anexo.';
	}

}
  • Os dados sempre serão uma lista de arquivos com os valores:
Bloco de código
languagepowershell
themeEclipse
linenumberstrue
 [{
    "documentId": 0, //0 caso for novo anexo
    "version": 0, //0 caso for novo anexo
    "createDate": null,
    "newAttach": true, //true para novo anexo
    "size": 1.2485828, // tamanho do arquivo em MB
    "fileName": "file.pdf",
    "description": "file.pdf",
    "streamControlUrl": "" //Pode ser http ou caminho do arquivo /folder/file.pdf
  }]


Pai x Filho e Zoom para dispositivos móveis

...

Existe duas formas de fazer tal desenvolvimento:


Eventos do Formulário

...

Todos os eventos que recebem no método o form podem fazer um desenvolvimento exclusivo para o formulário mobile:

...

Nota
titleImportante
  • Para o funcionamento de anexos do formulário, o caminho dos arquivos devem ser relativos e não podem ser externos.
  • No sistema operacional Android não é recomendado carregar anexos do formulário via requisições como XMLHttpRequest. O carregamento do conteúdo de arquivos via caminhos relativos já é suficiente.
Dica
titleDica!

Recomendamos a leitura da documentação Eventos de formulários na seção das funções getAttachments e sendAttachments. Referentes ao retorno e envio das informações dos anexos.


Guia de estilos off-line

...

Agora é possível utilizar o guia de estilos em modo off-line sem a necessidade de qualquer conexão a internet, ficou bem mais fácil e independente personalizar seu formulário para processo off-line. Uma vez ao dia o Fluig Mobile ira verificar novas atualizações, caso alguma atualização esteja disponível, o download da mesma será feita automaticamente de forma rápida e transparente, sem precisar se atentar a formas manuais e demoradas para atualização. O guia de estilos off-line está disponível tanto para Android como para IOS. 


...