j-RawEditable

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

j-RawEditable är en enkel komponent med en stor dolda funktionalitet.

Konfigurera:

type {String} Optionellt kan det vara email, phone, zip, date, time, url, number, search, lower, upper eller tomt (default)
formatting {Boolean} gör det möjligt att formatera våg, italiensk etc., standard: false
required {Boolean} valfritt, möjliggör "nödvändigt" (default: false)
placeholder {String} alternativ, lägger till en placeholder text i inmatningen
maxlength {Number} valfritt, ställer in en maximal längd av strängar (default: 200)
minlength {Number} valfritt, ställer in en minimilängd av lådor
minvalue {Number} valfritt, ett minimivärde för typ number
maxvalue {Number} valfritt, ett maximalt värde för typ number
validate {String} är valideringsvillkor och kan innehålla en länk till function(value) eller !!value.match(/[a-z]+/).
format {String} Optionell, utgångsformatering etc. för date Typ av: yyyy-MM-ddFör att time Typ av: HH:mmFör att number Du kan definiera max. decimals
disabled {Boolean} alternativ, inaktiverar denna komponent
autocomplete {String} är valfritt, måste innehålla en länk till en funktion, utlöses på focus händelse
spaces {Boolean} valfritt, möjliggör utrymmen annars tar det bort dem (default: true)
autosource {String} en väg till search funktion i autocomplete, function(search, render(arr))
autovalue {String} är en fastighetssida för värdet i autosource, standard: name
autoexec {String} en vägmetod function(item, next(value_to_input))
forcevalidation {Boolean} möjliggör styrkavalidering för phone och email (default: true)
monospace {Boolean} aktiverar monospaced font (default: false)
enter {String} en länk till function(val, com) - utvärderas när användaren trycker in

Använd den med <ui-component name="raweditable">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>