# j-RawEditable

> j-RawEditable är en enkel komponent med stor dolda funktionalitet. Det syftar till ytterligare anpassning.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sv
Content-SHA256: c564028c425d9f85dacd064574b7608f4b1f82441868a0b76e5571840c53cc66
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__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-dd`För att `time` Typ av: `HH:mm`Fö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.

```html 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>
```