Índice

En Fluig es posible utilizar los procesos que efectúan la integración con Logix. Estos procesos se crean utilizando el Fluig Studio, para aprender más sobre esta herramienta consulte la documentación en: Fluig Studio. A continuación puede encontrar la documentación para la creación de un proceso usando estilos y eventos estándares disponibles para elLogix si lo desea.

Estilos estándares

Los estilos de los formularios HTML deben seguir el mismo estándar definido por el Fluig que se encuentra en el link http://fluig.totvs.com/portal/p/10097/ecmnavigation?app_ecm_navigation_doc=1672216.

Máscaras

Las máscaras de los campos del formulario también deben seguir el estándar que se puede encontrar en Personalización de Formularios#MáscaradeCampos.

Zooms

Para atribuir zooms a los campos es necesario incluir en el elemento el atributo fecha con las informaciones de zoom en el formato JSON string.

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

La información que se debe incluir para el correcto funcionamiento del zoom es:

• name: nombre del zoom registrado en el metadato Logix.
• selection:
  • lista con los campos que se cargarán cuando se selecciona el registro en zoom, el primer ítem es el nombre del campo del formulario y el segundo es el nombre del campo en el zoom del cual el primer ítem recibirá el valor.
    
• whereclause:
  
  • fn: función JavaScript que será ejecutada cuando el zoom sea accionado para retornar el filtro SQL a considerar en la presentación de los registros del zoom.
    
  • args: lista con valores que serán pasados como parámetros para la función definida en el atributo fn.
    
    

Ejemplo

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

Definiendo el código de la empresa

Para utilizar las rutinas del Logix a partir del workflow es necesario que haya el código de la empresa que será utilizada en la rutina. Para ello, debe crear un campo en el formulario donde será informado el código de la empresa e incluir para este campo el atributo fecha-cod-empresa. El valor informado en el campo que posee este atributo será considerado el código de la empresa en la rutina durante la ejecución.

Ejemplo

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

Formularios Padre Hijo

Em formularios Padre Hijo los campos hijos son creados dinámicamente y consecuentemente los estilos y comportamientos de estos campos no siguen el mismo estándar de los otros campos del formulario cuando se utilizan los estilos y eventos estándares del Logix.  Para solucionar este problema es recomendable seguir los pasos a continuación:

1. Crear el botón y evento de inclusión de campos hijos manualmente

• • Para esto se debe incluir en el elemento de tabla del formulario el atributo noaddbutton con el valor true.

Ejemplo

<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. Crear el evento JavaScript para incluir y alterar los estilos de los campos hijos

• • Para incluir nuevos ítems hijos, utilizar la función estándar wdkAddChild pasando por parámetro el nombre definido en el atributo tablename;
  • El evento wdkAddChild creará los ítems hijos y retornar el número de la línea creada; y
  • Después, ejecutar la función initLogixHtml pasando el número de la línea y el nombre definido en el atributo tablename.

Ejemplo

function addItem() {
    var tablename = "itens",
        row = wdkAddChild(tablename);
    initLogixHtml({
        "tablename": tablename,
        "row": row
    });
}

Siguiendo los pasos anteriores, los elementos secundarios se comportan normalmente así como el resto de los campos de este formulario.

Adjuntos

• Biblioteca JavaScript wfLogixUtil.js.