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.
|
...
O acesso de datasets pelo Mobile é realizado com o xmlPRC, desse modo é possível trocar de informações com fluig Fluig via AJAX.
Para utiliza-lo, basta acionar as seguintes importações no HTML do formulário:
| 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
Para utilizar a Geolocalização em formulários é bem simples, basta incluir esse script no html:
...
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.
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas