# j-InputTags

> j-InputTags: ha a licon vagy ricon kezdődik ! akkor az összetevő nyers értéket ad az ikon helyett

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

__konfiguráció__:

- `required {Boolean}` opcionális, lehetővé teszi a „követelt” (default: `false`)
- `icon {String}` opcionális, a címkék ikonja például `home`, `cog`, stb.
- `licon {String}` opcionális, bal ikon, például `home`, `cog`, stb.
- `liconclick {String}` opcionális, a `function(component, input)` módszerhez vezető út
- `ricon {String}` opcionális, jobb ikon, például `home`, `cog`, stb.
- `riconclick {String}` opcionális, a `function(component, input)` módszerhez vezető út
- `label {String}` opcionális, címke (az alapértelmezett HTML tartalom)
- `after {String}` opcionális, ez azt jelenti, hogy egy char a címke után (default: `:`)
- A `placeholder {String}` opcionális, a `placeholder` szöveget adja hozzá a bejegyzéshez
- `validate {String}` opcionális, az érték validálásának feltétele, tartalmazhat egy linket a `function(value)` vagy `!!value.match(/[a-z]+/)`
- `disabled {Boolean}` opcionális, kikapcsolja ezt az összetevőt
- `error {String}` opcionális, hozzáadja a `string` szöveget az összetevő alatt
- `spaces {Boolean}` opcionális, lehetővé teszi a helyek máskülönben eltávolítja őket (default: `true`)
- `innerlabel {Boolean}` opcionális, lehetővé teszi a belső címke (default: `true`)
- `dirsource {String}` opcionális, az adatforráshoz vezető út vagy __NEW__ tartalmazhat egy linket a `function(search, next(items_arr))` módszerhez
- `dircustom {String/Boolean}` opcionális, tartalmazhat egy utat a `function(val, next(new_val))` vagy lehet `Boolean`. Ez az opció lehetővé teszi a hozzáadott érték (érték nem meghatározott adatforrás)
- `dirrender {String}` opcionális, egy út a `function(item, text)` (a `j-Directory` HTML-t vissza kell téríteni), ez a funkció befolyásolhatja az elemek listáját a `j-Directory`
- `dirminwidth {Number}` opcionális, minimális szélesség a `j-Directory`, alapértelmezett: `200`
- `dirmaxwidth {Number}` opcionális, maximális szélesség a `j-Directory`
- `dirplaceholder {String}` opcionális, egy helytartó a `j-Directory`
- `dirempty {String}` opcionális, üres mezőt ad a `j-Directory` számára
- `dirkey {String}` opcionális, a `text` olvasásához szükséges kulcsszavak `dirsource`-ben (előzetes: `name`)
- `dirvalue {String}` opcionális, a `value` olvasásához szükséges kulcsszavak `dirsource`-ben (előzetes: `id`)
- `autosource {String}` Egy út a `search` Funkciók `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` az értéket a `autosource`
- `transform {Number}` opcionális, átalakítja a szöveget `0 - none, 1 - lowercase, 2 - uppercase, 3 - capitalize` (default: `0`)
- `enteronly {Boolean}` opcionális, új értéket ad hozzá a `enter` kulcs megnyomása után (default: `true`)

__Érdekes az:__

- `dirsource:path.to.datasource` szükséges __`directory`__ komponens
- Ha az `licon` vagy `ricon` Kezdődik a `!` A készítmény a nyers érték helyett `icon`
- A `dirsource` módszerekkel az adatokat szinkron módon töltheti fel

Használja a `<ui-component name="inputtags">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html example.html
<ui-component name="directory" config="placeholder:Search..."></ui-component>

<div style="width:400px">
	<ui-component name="inputtags" path="form.frameworks" config="required:1;placeholder:Type a framework name;dirsource:frameworks">Framework</ui-component>
	<br />
	<ui-component name="inputtags" path="form.countries" config="innerlabel:true">Country</ui-component>
</div>

<script>
	var frameworks = [{ id: 1, name: 'jComponent' }, { id: 2, name: 'Angular.js' }, { id: 3, name: 'React' }];
	var form = { framework: [1], countries: ['Slovakia', 'Poland', 'Hungary', 'Germany'] };
</script>
```