j-RawEditable

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

j-RawEditable é um componente simples com uma grande funcionalidade escondida.

Configuração:

type {String} opcional, pode ser email, phone, zip, date, time, url, number, search, lower, upper ou em vácuo (default)
formatting {Boolean} permite formatação bold, itálico, etc., padrão: false
required {Boolean} opcional, permite o "requisito" (default: false)
placeholder {String} opcional, adiciona um texto placeholder à entrada
maxlength {Number} opcional, fixa-se uma duração máxima de carros (default: 200)
minlength {Number} opcional, estabelece um comprimento mínimo de carros
minvalue {Number} opcional, um valor mínimo para o tipo number
maxvalue {Number} opcional, um valor máximo para o tipo number
validate {String} opcional, uma condição para validação de valor, pode conter um link para function(value) ou !!value.match(/[a-z]+/)
format {String} opcional, formatação de saída por exemplo para o tipo date: yyyy-MM-dd, para o modelo time: HH:mm, para number você pode definir um máximo. decimais
disabled {Boolean} opcional, desabilita este componente
autocomplete {String} opcional, precisa de conter um link para uma função, é desencadeado no evento focus
spaces {Boolean} opcional, permite espaços caso contrário ele os remove (default: true)
autosource {String} um caminho para a função search em autocomplete, function(search, render(arr))
autovalue {String} um caminho de propriedade para o valor em autosource, padrão: name
autoexec {String} um caminho método function(item, next(value_to_input))
forcevalidation {Boolean} permite validação de força para phone e email (default: true)
monospace {Boolean} permite a letra monospaced (default: false)
enter {String} um link para function(val, com) - avaliado quando o usuário pressiona

Use-o com <ui-component name="raweditable">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>