j-RawEditable

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

j-RawEditable es un componente simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.

Configuración:

type {String} opcional, puede ser email, phone, zip, date, time, url, number, search, lower, upper o vacío (predeterminado)
formatting {Boolean} habilita el formato negrita, cursiva, etc., predeterminado: false
required {Boolean} opcional, habilita "requerido" (predeterminado: false)
placeholder {String} opcional, agrega un texto placeholder en la entrada
maxlength {Number} opcional, establece una longitud máxima de caracteres (predeterminado: 200)
minlength {Number} opcional, establece una longitud mínima de caracteres
minvalue {Number} opcional, un valor mínimo para el tipo number
maxvalue {Number} opcional, un valor máximo para el tipo number
validate {String} opcional, una condición para validar el valor, puede contener un enlace a function(value) o !!value.match(/[a-z]+/)
format {String} opcional, formato de salida, p. para date tipo: yyyy-MM-dd, para time tipo: HH:mm, para number puede definir máx. decimales
disabled {Boolean} opcional, desactiva este componente
autocomplete {String} opcional, debe contener un enlace a una función, se activa en el evento focus
spaces {Boolean} opcional, habilita espacios, de lo contrario los elimina (predeterminado: true)
autosource {String} una ruta a la función search en autocomplete, function(search, render(arr))
autovalue {String} una ruta de propiedad para el valor en autosource, predeterminado: name
autoexec {String} un método de ruta function(item, next(value_to_input))
forcevalidation {Boolean} habilita la validación forzada para phone y email (predeterminado: true)
monospace {Boolean} habilita la fuente monospaced (predeterminada: false)
enter {String} un enlace a function(val, com) - evaluado cuando el usuario presiona enter

Úselo con <ui-component name="raweditable">. 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

<b>Type something</b>: <span><ui-component name="raweditable" path="form.name" config="placeholder:Placeholder" style="position:relative;display:inline-block;min-width:80px;height:24px;line-height:20px;border:2px solid blue;padding:0 5px"></ui-component></span>

<script>
	var form = { name: 'Peter' };
</script>