Histórico da Página
Dica |
---|
Liberar na 1.5. Revisão Ok. |
Índice
Índice | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
Objetivo
O objetivo deste guia é demonstrar a integração de widgets com formulários fluigformulários/datasets do TOTVS Fluig Plataforma.
Informações | ||
---|---|---|
| ||
Deseja um exemplo completo de consumo de dados de formulários/datasets no Fluig Plataforma? Faça o download dos códigos-fonte do Kit Intranet no repositório Git. |
Armazenamento
Frequentemente é necessário armazenar dados além daqueles que a plataforma fluig Fluig já guarda nativamente e não faz sentido esperar que toda pessoa que precise de tal recurso tenha de saber ou contratar alguém que saiba configurar novas tabelas no banco de dados. Pensando nisso, o fluig disponibiliza TOTVS Fluig Plataforma disponibiliza a personalização de formulários, uma forma de guardar seus dados de forma simples e ágil. Estamos falando da personalização de formulários.
Informações |
---|
Dúvidas para criar o widget? Siga o guia. |
:
Esse é um recurso valioso do fluig da plataforma Fluig e preparado para realizar soluções completas e complexas. Entretanto, pode ser usado de forma bem fácil para atender as demandas mais simples. Utilizando datasets, o processo de armazenamentos de dados torna-se rápido.
Imagine que você deseja guardar o nome, o dia e o mês do aniversário dos colaboradores de sua empresa. Considere os passos abaixo:
- siga Siga os passos para criar um formulário;
- No arquivo html HTML do formulário, inclua três campos. Para mais detalhes sobre a forma de apresentação, veja a sessão controles visuais:
Bloco de código | ||
---|---|---|
| ||
<form name="form" role="form">
...
<input name="newTitle" id="newTitle">
...
<input name="newDescription" id="newDescription">
...
<input name="newsSourceURL" id="newsSourceURL">
...
</form>
|
Feito isso, basta seguir os passos de exportação de um artefato fluig Fluig para um servidor fluigFluig e seu formulário já estará pronto para armazenamento. Por padrão, os formulário localizam-se em Documentos / Formulários fluig. Seu formulário estará lá exibindo o nome escolhido no momento da criaçãoUma dica é escolher a pasta padrão "Formulários Fluig" para armazenar os formulários no momento da exportação para a plataforma.
Utilização
Com seu formulário pronto seu formulário pronto e preenchido com os dados desejados, basta buscar a identificação do seu formulário no início do arquivo JavaScript.
Dica |
---|
Dúvidas para criar o widget? Siga o guia. |
De javascript. Em posse da identidade do registro, é simples buscar os dados dele. Em seu arquivo .js execute uma chamada ao DatasetFactory. A seguir é apresentado um exemplo simples:
Bloco de código | ||
---|---|---|
| ||
var datasetReturned = DatasetFactory.getDataset({codigo-do-seu-formulario}"kit_news", null, null, null); |
Onde:
Elemento | Descrição |
---|---|
datasetReturned | Objeto contendo os registros do formulário retornados. |
"kit_news" | Código escolhido para o formulário/dataset (definido aqui). |
Informações | ||
---|---|---|
| ||
A mesma técnica que é utilizada para consumir datasets de formulários, permite consultar também datasets internos do Fluig. Basta substituir o código do dataset e seus respectivos campos. |
O consumo desses registros pode ser efetuado da seguinte forma:
Bloco de código | ||
---|---|---|
| ||
if(datasetReturned != null && datasetReturned.values != null && datasetReturned.values.length > 0){ var records = datasetReturned.values; for (var index in records) { var record = records[index]; // ... restantorestante do código omitido } } |
Onde:
Elemento | Descrição |
---|---|
datasetReturned | Objeto contendo os registros do formulário retornados. |
records | Um array de objetos (Object[ ]) contendo os registros. |
index | Índice do registro corrente conforme o laço (for) avança pelo array. |
record | É o registro, ou seja, o objeto contendo as propriedades de um registro de formulário. Considerando o exemplo do formulário de notícias, podemos assumir para esse caso que as propriedades desse objeto serão as seguintes:
|
...
Informações |
---|
Veja o exemplo em nosso repositório aqui. |