Class: FormExt

new FormExt(actionnon-null, data, include_variablesnullable, contextnullable, targetopt, direction, offcanvas_classnullable, tonon-null, use_tokenopt, use_prev_tokenopt, use_spinneropt, change_delayopt, debugopt, webauthn_checkopt)

Parameters:

Name	Type	Attributes	Default	Description
action	string			Nombre de la operación de destino
data	JsonString			Datos para agregarse al form y evitar inputs de tipo hidden
include_variables	string	<nullable>		Lista de variables que se incluyen en la data (separadas por espacio)
context	string	<nullable>		Contexto contenedor de las variables que se van a incluir, es requerido si se incluyen variables
target	NavigationTarget	<optional>	"menu"	Destino del resultado
direction	DirectionType			Dirección en la que va a mostrarse el menú
offcanvas_class	string	<nullable>		Clase css que se va a dar al menú
to	string			Nombre del FrameDiv de destino. Requerido para el uso de FormExt
use_token	BooleanString	<optional>	"false"	Si es true guarda el token que devuelve Orquesta, sirve para luego poder continuar el flujo con otro form, si es false no se guarda y el flujo termina
use_prev_token	BooleanString	<optional>	"true"	Si es true se envía el token que está en memoria, sirve para continuar la ejecución de un flujo, si es false el token se envía null
use_spinner	BooleanString	<optional>	"true"	Si es true se muestra un spinner mientras se espera la respuesta del servidor
change_delay	string	<optional>	"0"	Establece un tiempo de espera muy corto para que los cambios se vean reflejados en los inputs controlados por React
debug	BooleanString	<optional>	"false"	Establece modo de depuracion
webauthn_check	BooleanString	<optional>	"false"	Establece si debe requerir autenticacion por medio de webauthn para ejecutar el evento submit

Source:

• data/FormExt.js, line 7

Example

<form_ext 
  action="ProductoDepositar" 
  target="menu" 
  direction="bottom" 
  offcanvas_class="rounded-m" 
  to="ProductoDepositar" 
  use_token="true" 
  use_prev_token="false" 
  use_spinner="false" 
  include_variables="variable1 variable2" 
  context="un_contexto"
> 
  <div class="menu-size" style="height:auto;" >
    <div class="content mt-0 mb-2">
      <div class="form-custom form-label form-icon">
        <i class="bi bi-check-circle font-13"></i>
        <select class="form-select rounded-xs" name="medioPago" value="{{opcionSeleccionada}}" aria-label="">
          <optgroup label="Medios de Pago">          
            {{opciones|OpcionCombo}}
          </optgroup>
        </select>
        <label for="medioPago" class="form-label-always-active color-highlight font-11">Medio de pago</label>
      </div>
      <div class="pb-3"></div>
      <div class="form-custom form-label form-icon">
        <i class="bi bi-hash font-14"></i>
        <input type="number" class="form-control rounded-xs" name="importe" placeholder="ingrese el monto">
        <label for="importe" class="form-label-always-active color-highlight font-11">Importe</label>
        <span class="font-10">( Moneda: $ ARG )</span>
      </div>
      <div class="pb-3"></div>
      <input 
        type="submit" 
        class="form-control rounded-xs btn btn-full gradient-highlight shadow-bg shadow-bg-s" 
        value="Depositar" 
        offcanvas_class="rounded-m"
      />
    </div>
  </div>
</form_ext>