Calendarios

Ejemplos

Crear un título al formulario con los campos identificativos de la ficha.

En este ejemplo se va a crear un título que posea los siguientes elementos:
  • Una imagen.
  • El valor de un campo código.
  • El valor de un campo título

Objetos utilizados

  • Título del formulario.

Código

<form index='1'>
        <init>
            <title cols='3' rows='1' id='Title' colWidth1='50px' colWidth2='100px' anyField= 'PIXEL_INFO_NUMEXP'>
                <cell row='1' col='1'>
                    <img src='./Customization/Clients/Expediente-32.png' />
                </cell>
                <cell row='1' col='2' class='H1_class'>
                    <field idElement='PIXEL_INFO_NUMEXPEDIENTE' />
                </cell>
                <cell row='1' col='3' class='H2_class'>
                    <field idElement='PIXEL_INFO_TITULO' />
                </cell>
            </title>
        <init>
</form>

Descripción

Para realizarlo hemos creado un título de 3 columnas y una fila, en la primera columna insertamos una imagen y forzamos un ancho de 50 píxeles, en la segunda insertamos un valor de un campo del formulario con un ancho de 100 píxeles, y en la tercera insertamos un valor de otro campo del formulario sin forzarle un ancho concreto.

Resultado


Insertar un sufijo con el año a un campo auto-contador.

Si deseamos incluir al final de un campo auto-contador las dos últimas cifras año actual, lo podemos realizar mediante este código.

Objetos utilizados

  • Bloques condicionales.
  • Ejecución de código JS.

Código

    <form index='1'>
        <init>
            <conditional>
                <if field='PIXEL_INFO_Clave' conditionEdit='.value.indexOf("_") == -1'>
                    <executeBlock>
                        <execute function='document.getElementById("PIXEL_INFO_Clave").value = document.getElementById("PIXEL_INFO_Clave").value +"_"+ document.getElementById("PIXEL_INFO_Fecha").value.substring(8);' />
                    </executeBlock>
                </if>
            </conditional>
        </init>
    </form>

Descripción

Para realizarlo hemos ejecutado un bloque de código javascript que lee la fecha de un campo Fecha del día, y añade los dos últimos dígitos al contador.

Esta acción la realiza únicamente si detecta que el contador no tiene ya puesto el prefijo.

Resultado


Control de importes con y sin IVA.

Deseamos que automáticamente se rellenen los campos de importes de una factura (por ejemplo) según la base imponible y el tipo de IVA aplicado.

Objetos utilizados

  • Formulas.
  • Eventos sobre campos.
  • Deshabilitar campos.

Código

            <formulas>
                <formula idElement='PIXEL_INFO_PBLIMPIVA'>
                    <field operator='=' idElement='PIXEL_INFO_PBLSINIVA' />
                    <field operator='%' idElement='PIXEL_INFO_TIPOIVA' />
                </formula>
                <formula idElement='PIXEL_INFO_PBLCONIVA'>
                    <field operator='=' idElement='PIXEL_INFO_PBLSINIVA' />
                    <field operator='+' idElement='PIXEL_INFO_PBLIMPIVA' />
                </formula>
            </formulas>

            <events>
                <event idElement='PIXEL_INFO_PBLSINIVA' method='onchange'  id='event0'>
                    <formulas>
                        <formula idElement='PIXEL_INFO_PBLIMPIVA'>
                            <field operator='=' idElement='PIXEL_INFO_PBLSINIVA' />
                            <field operator='%' idElement='PIXEL_INFO_TIPOIVA' />
                        </formula>
                        <formula idElement='PIXEL_INFO_PBLCONIVA'>
                            <field operator='=' idElement='PIXEL_INFO_PBLSINIVA' />
                            <field operator='+' idElement='PIXEL_INFO_PBLIMPIVA' />
                        </formula>
                    </formulas>
                </event>
                <event idElement='PIXEL_INFO_TIPOIVA' method='onchange'  id='event1'>
                    <formulas>
                        <formula idElement='PIXEL_INFO_PBLIMPIVA'>
                            <field operator='=' idElement='PIXEL_INFO_PBLSINIVA' />
                            <field operator='%' idElement='PIXEL_INFO_TIPOIVA' />
                        </formula>
                        <formula idElement='PIXEL_INFO_PBLCONIVA'>
                            <field operator='=' idElement='PIXEL_INFO_PBLSINIVA' />
                            <field operator='+' idElement='PIXEL_INFO_PBLIMPIVA' />
                        </formula>
                    </formulas>
                </event>
            </events>

            <disableFields>
                <disable idElement='PIXEL_INFO_PBLIMPIVA' />
                <disable idElement='PIXEL_INFO_PBLCONIVA' />
            </disableFields>

Siendo los campos los siguientes:
  • PIXEL_INFO_PBLSINIVA - Base imponible.
  • PIXEL_INFO_TIPOIVA - Tipo porcentual de IVA.
  • PIXEL_INFO_PBLIMPIVA - Importe solo de IVA.
  • PIXEL_INFO_PBLCONIVA - Importe del total con el IVA incluido.

Descripción

Se han definido dos fórmulas, una que calcula el coste del IVA a partir del porcentaje del tipo de IVA sobre la base imponible, y otra formula que calcula el importe total sumando a la base imponible el importe del IVA.

Estas fórmulas se aplican al cargar el formulario, pero deseamos que cada vez que se modifica o la base imponible o el tipo de IVA, se recalculen los totales. Para esto se han añadido los objetos de eventos.

Se han asignado eventos en la función OnChange de los campos Base imponible y tipo de IVA. Si se lanzan estos eventos se recalculan las fórmulas.

Y por último se han deshabilitado los campos del importe del IVA y el importe total, para que únicamente se rellenen mediante la fórmula.