Índice

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.

Estilos padrões

Os estilos dos formulários HTML devem seguir o mesmo padrão definido pelo 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.

{
    "zoom": {
        "name": "zoom_item",
        "selection": [
            ["cod_item_compon","cod_item"],
            ["den_item","den_item_reduz"]
        ],
        "whereclause": {
            "fn": "setWhereClause",
            "args": ["item"]
        }
    }
}

As informações que devem ser atribuídas para o correto funcionamento do zoom são:

• name: nome do zoom cadastrado no metadado Logix.
• selection:
  • lista com os campos que serão carregados ao selecionar o registro no zoom, o primeiro item é o nome do campo do formulário e o segundo é o nome do campo no zoom do qual o primeiro item receberá o valor.
    
• whereclause:
  
  • fn: função JavaScript que será executada quando o zoom for acionado para retornar o filtro SQL a ser considerado na apresentação dos registros do zoom.
    
  • args: lista com valores que serão passados como parâmetros para a função definida no atributo fn.
    
    

Exemplo

<div class="fw-input">
    <label class="fw-descr-top-obrigat">Componente atual:</label>
    <input type="text" name="cod_item_compon" class="fw-input-char" maxlength="15" data='{"picture":"@!","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

<div class="fw-input">
    <label class="fw-descr-top-obrigat">Empresa:</label>
	<input type="text" name="cod_empresa" class="fw-input-char" maxlength="2" data='{"picture":"@!","zoom":{"name":"zoom_empresa","selection":[["cod_empresa","cod_empresa"],["den_empresa","den_empresa"]]}}' data-cod-empresa data-input-zoom>
</div>

Formulários Pai Filho

Em formulários Pai Filho os campos filhos são criados dinamicamente e consequentemente os estilos e comportamentos destes campos não seguem 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:

1. Criar o botão e evento de inclusão de campos filhos manualmente

• • Para isto deve-se incluir no elemento de tabela do formulário o atributo noaddbutton com o valor true.

Exemplo

<div style="padding: 10px; margin-bottom: 5px;">
    <input type="button" onclick="addItem();" value="Adicionar item"/>
</div>

<table noaddbutton="true" tablename="itens">
    <!-- Código HTML -->
</table>

2. Criar o evento JavaScript para incluir e alterar o estilos dos campos filhos

• • 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 o número da linha e o nome definido no atributo tablename.

Exemplo

function addItem() {
    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.

Anexos

• Biblioteca JavaScript wfLogixUtil.js.
• Arquivo HTML de exemplo http://fluig.totvs.com/portal/p/10097/ecmnavigation?app_ecm_navigation_doc=1675332.