flexBox Tipo: Object

Ventana popup del sistema.

Permite crear las ventanas (popups) dentro de cada sistema. Estas ventanas permiten "bloquean" el resto del sistema de manera que el usuario no pueda realizar acciones que atenten a la seguridad de los sistemas. Son utilizadas para abrir los formularios. Se pueden abrir o cerrar manualmente las ventanas ejecutando funciones javascript.

Las ventanas se pueden Miniminzar, Expandir (pantalla completa a lo largo del dispositivo) y Cerrar

Parámetros

Eventos

Api

Parámetros

id

Identificador único de la ventana

Tipo: String

Valor por defecto: null

Arriba
url

Path del archivo a mostrar. Si el archivo es una imagen, el componente lo detecta y muestra la imagen

Tipo: Path file

Valor por defecto: 'path/to/file'

Arriba
noClose

Si se setea en true, la ventana no mostrará el botón "cerrar". Solo podrá ser cerrada ejecutando la función flexboxclose

Tipo: Boolean

Valor por defecto: null

Arriba
vars

Variables a enviar en al archivo

Tipo: String

Valor por defecto: null

CODIGO EJEMPLO
id=nid&id_refresh=t.id
Arriba
type

Método de envío de parámetros

Tipo: String

Valor por defecto: POST

Valores aceptados: POST | GET

Arriba
modal

Si se setea en false, al hacer clic en el OVERLAY (fondo negro) se cierra la ventana.

Tipo: Boolean

Valor por defecto: true

Arriba
opacity

Determina la transparencia del OVERLAY

Tipo: Float

Valor por defecto: 0.5

Arriba
content

Código html a ser mostrado dentro de la ventana. Se aplica si url es null

Tipo: String

Valor por defecto: null

Arriba
position

Tipo: String

Valor por defecto: null

Valores aceptados: fixed | top | bottom | sidebar | center | null

Arriba
size

Tamaño

Tipo: String

Valor por defecto: xl

Valores aceptados: xl | sm | lg | xxl

Arriba
style

Tipo: String

Valor por defecto: primary

Valores aceptados: primary | danger | warning | info | success

Arriba
slidePanel

Abre el componente como un slide panel (requiere agregar un botón para cerrar el componente)

Tipo: Boolean

Valor por defecto: false

Arriba

Eventos

onShow

función que se ejecuta al terminar mostrar la ventana

Tipo: function js

Valor por defecto: false

CODIGO EJEMPLO
$.flexboxopen({id:'id_box', content: Html, type:'post', 
	onShow: function(flexbox)
	{
		$('input:submit', flexbox).click(function(e)
		{
			e.preventDefault();
			$.flexboxclose();
			return false;
		});
		$('input:reset', flexbox).click(function(e)
		{
			e.preventDefault();
			$.flexboxclose();
			return false;
		});
	},
});
Arriba
onClose

Función a ejecutar al cerrar la ventana

Tipo: String function

Valor por defecto: false

Arriba

API - Funciones Accesibles

addLoadingBox

Permite mostrar una pequeña ventana que muestra un texto y un gif animado.

$.addLoadingBox({ id:"flexBoxLoader", text:"Cargando..." })
flexboxclose

Cerrar la instancia de un flexBox

Parámetros:

  • fromt: ID de una etiqueta html que se encuentra adentro del flexBox a cerrar. Por defecto: null
  • skipPrompt: Por defecto: false
  • skipNoCloset: Por defecto: false

$.flexboxclose()
flexboxNoClose

Permite que NO se pueda cerrar sin guardar el formulario.

El parámetro "from" es el ID de la etiqueta html que esta inserto en el flexBox

$.flexboxNoClose(from)
flexboxopen

Abrir o generar una nueva instancia del componente

$.flexboxopen({id:'id_unico', url: '', vars:'', noClose: false})
removeLoadingBox

Permite eliminar una instancia generada con la función addLoadingBox .

$.removeLoadingBox({ id:"flexBoxLoader"})