j-Parameters

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Este componente puede cambiar los parámetros internos.

Configuración:

dateformat {String} opcional, un formato de fecha (predeterminado: yyyy-MM-dd)
search {String} opcional, marcador de posición para entrada de búsqueda (predeterminado: Search)
height {Number} opcional, una altura del elemento (por defecto: undefined)
parent {String} opcional, selector jQuery para configuración automática de altura (puede ser window, parent o custom)
hidetype {Boolean} opcional, oculta el tipo (predeterminado: false)
margin {Number} opcional, margen vertical (predeterminado: 0)

Declaración de datos:

var form = [];
form.push({ name: 'user.firstname', label: 'First name', type: 'string', value: 'Peter Sirka' });
form.push({ name: 'user.age', type: 'number', value: 33, min: 18, max: 50 });
form.push({ name: 'user.birth', type: 'date', value: NOW });
form.push({ name: 'user.newsletter', type: 'boolean', value: true });

Tipos permitidos en datos:

string
boolean
number
date

Úselo con <ui-component name="parameters">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<ui-component name="parameters" path="form" config="height:200"></ui-component>

<script>
	var form = [];
	form.push({ name: 'user.firstname', type: 'string', value: 'Peter' });
	form.push({ name: 'user.lastname', type: 'string', placeholder: 'String' });
	form.push({ name: 'user.age', type: 'number', value: 33 });
	form.push({ name: 'user.birth', type: 'date', value: NOW });
	form.push({ name: 'user.newsletter', type: 'boolean', value: true });
</script>