j-RawEditable
j-RawEditable is een eenvoudige component met een grote verborgen functionaliteit.
Configuratie:
type {String}Optional kan hetemail,phone,zip,date,time,url,number,search,lower,upperof een leeg (default)formatting {Boolean}maakt het mogelijk om bold, italic, enz., standaard:falserequired {Boolean}optioneel, mogelijk "verplicht" (default:false)placeholder {String}optioneel, voegt eenplaceholdertekst toe aan de invoermaxlength {Number}optioneel, bepaalt een maximale lengte van de banden (default:200)minlength {Number}optioneel, bepaalt een minimale lengte van bandenminvalue {Number}optioneel, een minimale waarde voor denumbertypemaxvalue {Number}optioneel, een maximale waarde voor denumbertypevalidate {String}optioneel, een voorwaarde voor validatie van waarde, kan een link bevatten naarfunction(value)of!!value.match(/[a-z]+/)format {String}optie, output formatting enz. voordateType van:yyyy-MM-ddVoortimeType van:HH:mmVoornumberU kunt max. decimalen definiërendisabled {Boolean}optioneel, deze component wordt uitgeschakeldautocomplete {String}optioneel, moet een link naar een functie bevatten, wordt uitgevoerd op het evenementfocusspaces {Boolean}optioneel, maakt ruimte anders het verwijdert ze (default:true)autosource {String}een weg naarsearchfunctie inautocomplete,function(search, render(arr))autovalue {String}een eigendomsweg voor de waarde inautosource, standaard:nameautoexec {String}een pad methodefunction(item, next(value_to_input))forcevalidation {Boolean}mogelijk voor kracht validatie voorphoneenemail(default:true)monospace {Boolean}maaktmonospacedlettertype mogelijk (default:false)enter {String}een link naarfunction(val, com)- geëvalueerd wanneer de gebruiker drukt
Gebruik het met <ui-component name="raweditable">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.
<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>