...

Para atribuir máscaras aos elementos, utilizar o atributo data e defini-la campos é necessário incluir no elemento o atributo data com as informações da máscara no formato JSON string.

{
    "picture": "@!"
}

...

As máscaras seguem o mesmo formato do AdvPL e pode ser consultado aqui: Tabela de Pictures de Formatação.

 Zooms

Para atribuir zooms aos campos é necessário incluir no elemento o atributo data-input-zoom e utilizar o atributo data com as informações do zoom no formato JSON string.

...

• 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.
    

Além das informações do zoom acima é necessário incluir nos elementos o atributo data-input-zoom para que seja possível identificar quais campos possuirão zoom.

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>

Anexos

...