Histórico da Página
...
No Fluig é possível utilizar processos que efetuam integração com o Logix. Estes processos são criados utilizando o Fluig Studio, para saber mais sobre esta ferramenta consulta a documentação em: Fluig Studio. Abaixo pode ser encontrado a documentação para a criação de um processo utilizando estilos e eventos padrões disponíveis para o Logix caso desejável.
Índice maxLevel 2 outline true exclude 1
...
Script padrão Logix
Para os workflows que necessitem execução de zoom Logix é necessário incluir ao final do HTML o script wfLogixUtil.js e exportar o arquivo Javascript junto ao formulário.
| Bloco de código | ||||
|---|---|---|---|---|
| ||||
<body>
<!-- Código HTML -->
<script src="wfLogixUtil.js"></script>
</body> |
Estilo padrão
Os estilos dos formulários HTML devem seguir o mesmo padrão definido pelo padrão do guia de estilo do Fluig encontrado no link http://style.fluig.com/.
Zooms
Para atribuir zooms aos campos é necessário incluir no elemento o atributo data com as informações do zoom no formato JSON string.
...
| Bloco de código | ||||
|---|---|---|---|---|
| ||||
<div>
<label for="cod_item_compon">Componente atual:</label>
<input type="text" name="cod_item_compon" data='{"zoom":{"name":"zoom_item","selection":[["cod_item_compon","cod_item"],["den_item","den_item_reduz"]],"whereclause":{"fn":"setWhereClause","args":["item"]}}}' data-input-zoom>
</div> |
Defindo o código da empresa
Para utilizar as rotinas do Logix a partir do workflow é necessário que haja o código da empresa que será utilizada na rotina. Para isso, deve criar um campo no formulário onde será informado o código da empresa e incluir para este campo o atributo data-cod-empresa. O valor informado no campo que possuir este atributo será considerado o código da empresa na rotina durante a execução.
Exemplo
| Bloco de código | ||||
|---|---|---|---|---|
| ||||
<div>
<label for="cod_empresa">Empresa:</label>
<input type="text" name="cod_empresa" data='{"zoom":{"name":"zoom_empresa","selection":[["cod_empresa","cod_empresa"],["den_empresa","den_empresa"]]}}' data-cod-empresa data-input-zoom>
</div> |
...
Zoom em formulários Pai x Filho
Em formulários Pai Filho os campos filhos são criados dinamicamente e consequentemente os estilos e comportamentos o comportamento destes campos não seguem segue o mesmo padrão dos outros campos do formulário quando utilizado os estilos e eventos padrões do Logix. Para solucionar este problema é recomendável seguir os passos abaixo:
...
- Para isto deve-se incluir no elemento de tabela do formulário o atributo noaddbutton com o valor true;
- Na ação do botão, informar o evento addItem enviando por parâmetro o nome da tabela filha.
Exemplo
| Bloco de código | ||||
|---|---|---|---|---|
| ||||
<div>
<input type="button" onclick="addItem('itens');" value="Adicionar item"/>
</div>
<table noaddbutton="true" tablename="itens">
<!-- Código HTML -->
</table> |
...
- Para incluir novos itens filhos, utilizar a função padrão wdkAddChild passando por parâmetro o nome definido no atributo tablename;
- O evento wdkAddChild irá criar os itens filhos e retornar o número da linha criada; e
- Após, executar a função initLogixHtml passando passando um objeto com o número da linha e o nome da tabela definido no atributo tablename.
Exemplo
| Bloco de código | ||||
|---|---|---|---|---|
| ||||
function addItem(tablename) { var tablename = "itens", row = wdkAddChild(tablename); initLogixHtml({ "tablename": tablename, "row": row }); } |
Seguindo os passos acima, os itens filhos irão se comportar normalmente assim como o restante dos campos do formulário.
Defindo o código da empresa
Para utilizar as rotinas do Logix a partir do workflow é necessário que haja o código da empresa que será utilizada na rotina. Para isso, deve criar um campo no formulário onde será informado o código da empresa e incluir para este campo o atributo data-cod-empresa. O valor informado no campo que possuir este atributo será considerado o código da empresa na rotina durante a execução.
Exemplo
| Bloco de código | ||||
|---|---|---|---|---|
| ||||
<div>
<label for="cod_empresa">Empresa:</label>
<input type="text" name="cod_empresa" data='{"zoom":{"name":"zoom_empresa","selection":[["cod_empresa","cod_empresa"],["den_empresa","den_empresa"]]}}' data-cod-empresa data-input-zoom>
</div> |
Anexos
- Script padrão wfLogixUtil.js.
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas