Histórico da Página
...
Nota | ||
---|---|---|
| ||
Não está homologada a implementação de evento que utilizem Gestures (swipe, longpress, tap, entre outros) em formulário no fluig Fluig Mobile. |
Benefícios
Porque devo usar formulários no Mobile?
...
Criando um formulário Mobile
No fluig Fluig é possível criar definições de formulários de diferentes maneiras, utilizando o fluig Fluig Studio, através da modelagem de processos workflow ou através de upload de formulário na navegação de documentos.
...
Pai Filho e Zoom para dispositivos móveis
A partir do fluig TOTVS Fluig Plataforma 1.5.2 (server), temos uma nova técnica para utilização de Pai e Filho e Zoom que vai facilitar em muito o desenvolvimento sobre nossa plataforma. Usando o fluig Fluig Style Guide tudo ficará mais responsivo e esses dois componentes se adequam a web e ao mobile.
...
Comece a usar hoje mesmo lendo detalhes na nossa documentação: Desenvolvimento de Formulários - Zoom e Desenvolvimento de Formulários - Pai x Filho.
Nota | ||
---|---|---|
| ||
|
...
O parâmetro passado na função JSinterface.showCamera é uma String e corresponde ao nome do anexo que será salvo na listagem de anexos daquela solicitação.
Nota | ||
---|---|---|
| ||
No fluig Fluig mobile somente imagens podem ser adicionadas como anexo. É possível escolher uma imagem da galeria ou ainda tirar uma foto usando a câmera. |
Informações | ||
---|---|---|
| ||
Ao implementar o método JSinterface.showCamera, esta técnica também é aplicada na plataforma web. Acessando o fluig a plataforma Fluig pelo navegador, ao clicar em um botão utilizando o recurso você será direcionado para a aba Anexos e uma janela exibida para a seleção dos arquivos. Acessando a aba de anexos será possível realizar o upload de apenas um arquivo por vez; Tentar selecionar mais que um causará erro. |
...
Bloco de código | ||
---|---|---|
| ||
<script src="../vcXMLRPC.js"></script> <script src="http://URL_DO_SERVIDOR/portal/resources/js/jquery/jquery.js"></script> |
O acesso aos Datasets é igual à Web, a seguir são apresentados alguns exemplos:
1) Datasets internos fluigFluig: este tipo de Dataset permite navegar em dados das entidades do próprio fluigFluig plataforma, como usuários, grupos, processos ou tarefas por exemplo. Esses datasets são pré-definidos, por isso não podem ser alterados pelo usuário. A lista com os datasets disponíveis pode ser consultada aqui.
Bloco de código | ||||
---|---|---|---|---|
| ||||
var filter = new Object(); filter["colleaguePK.colleagueId"] = "john"; var colleagues = DatasetFactory.getDatasetValues("colleague", filter); if(colleagues.length > 0){ document.getElementById("colleagueName").value = colleagues[0].colleagueName; document.getElementById("login").value = colleagues[0].login; }else{ alert("Nenhum Usuário Encontrado"); } |
Atenção: Para atualizações anteriores ao fluig TOTVS Fluig Plataforma 1.5.6, substituir a linha 3 por:
Bloco de código | ||
---|---|---|
| ||
var colleagues = getDatasetValues("colleague", filter); |
2) Datasets internos formulário: este tipo de Dataset permite navegar nos dados existentes em formulários de uma determinada definição de formulário publicada no fluigFluig. Para que uma definição de formulário seja disponibilizada como Dataset, é necessário preencher o campo Nome Dataset na publicação da definição de formulário. O valor informado será utilizado para a busca do Dataset no fluigFluig;
Bloco de código | ||
---|---|---|
| ||
var c1 = DatasetFactory.createConstraint("cod_area", "2", "2", ConstraintType.MUST); var constraints = new Array(c1); var area = DatasetFactory.getDataset("areas", null, constraints, null); if(area.values.length){ document.getElementById("cod_area").value = area.values[0].cod_area; document.getElementById("area").value = area.values[0].area; }else{ alert("Area não encontrada") ; } |
Informações |
---|
Para fazer o download de um exemplo de formulário utilizando xmlPRC clique aqui. |
3) Chamadas assíncronas: A partir do fluig TOTVS Fluig Plataforma 1.5.6, você também pode realizar chamadas assíncronas:
Bloco de código | ||
---|---|---|
| ||
var filter = new Object(); filter["colleaguePK.colleagueId"] = "john"; var colleagues = DatasetFactory.getDatasetValues("colleague", filter, { success: function(colleagues) { if(colleagues.length > 0){ document.getElementById("colleagueName").value = colleagues[0].colleagueName; document.getElementById("login").value = colleagues[0].login; }else{ alert("Nenhum Usuário Encontrado"); } }, error: function(jqXHR, textStatus, errorThrown) {} }); |
Bloco de código | ||
---|---|---|
| ||
DatasetFactory.getDataset("areas", null, constraints, null, { success: function(area) { if(area.values.length){ document.getElementById("cod_area").value = area.values[0].cod_area; document.getElementById("area").value = area.values[0].area; }else{ alert("Area não encontrada") ; } } }, error: function(jqXHR, textStatus, errorThrown) {} ); |
Geolocalização em formulário
...
A partir da atualização 1.5 do fluig Fluig Plataforma os formulários da web e do mobile devem ser criados de forma única. Sendo assim, o formulário deve atender tanto o mobile quanto a web.
Para criar formulários com este novo padrão verifique o fluig Fluig Style Guide.
Anexos de formulário
...
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 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.
...