...

Máscaras

Para atribuir máscaras para os aos elementos, utilizar o atributo data e definir a máscara defini-la 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.

{
    "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>

Anexos

• Biblioteca JavaScript wfLogixUtil.js.