# j-InputTags

> j-InputTags: εάν το λικόν ή το ριζόνα ξεκινά με ! τότε το συστατικό παράγει μια πρώτη τιμή αντί για το εικονίδιο

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

__ΕΠΙΤΡΟΦΗ__:

- `required {Boolean}` προαιρετική, επιτρέπει «αναγκαία» (προεπιλεγμένη: `false`)
- `icon {String}` προαιρετική, εικονική για ετικέτα π.χ. `home`, `cog`, κλπ.
- `licon {String}` προαιρετική, αριστερή εικονική για παράδειγμα `home`, `cog`, κλπ.
- `liconclick {String}` προαιρετική, μια διαδρομή προς τη μέθοδο `function(component, input)`
- `ricon {String}` προαιρετική, δεξιά εικονική για παράδειγμα `home`, `cog`, κλπ.
- `riconclick {String}` προαιρετική, μια διαδρομή προς τη μέθοδο `function(component, input)`
- `label {String}` προαιρετική, μια ετικέτα (προεπιλεγμένο είναι το περιεχόμενο HTML)
- `after {String}` προαιρετική, σημαίνει ένα φορτίο μετά την ετικέτα (προεπιλεγμένο: `:`)
- `placeholder {String}` επιλογή, προσθέτει ένα κείμενο `placeholder` στην εισαγωγή
- Το `validate {String}` είναι προαιρετικό, μια προϋπόθεση για την επικύρωση της αξίας, μπορεί να περιέχει σύνδεση με το `function(value)` ή το `!!value.match(/[a-z]+/)`.
- `disabled {Boolean}` επιλογή, απενεργοποιεί αυτό το συστατικό
- `error {String}` επιλογή, προσθέτει ένα κείμενο `string` κάτω από το συστατικό
- Το `spaces {Boolean}` είναι προαιρετικό, επιτρέπει χώρους διαφορετικά τα αφαιρεί (προεπιλεγμένο: `true`)
- `innerlabel {Boolean}` προαιρετική, επιτρέπει την εσωτερική ετικέτα (προεπιλεγμένη: `true`)
- Το `dirsource {String}` είναι προαιρετικό, ο δρόμος προς μια πηγή δεδομένων ή __NEW__ μπορεί να περιέχει σύνδεση με τη μέθοδο `function(search, next(items_arr))`
- Το `dircustom {String/Boolean}` είναι προαιρετικό, μπορεί να περιέχει ένα μονοπάτι προς το `function(val, next(new_val))` ή μπορεί να είναι το `Boolean`.Αυτή η επιλογή μπορεί να επιτρέπει την προσθήκη μιας προσαρμοσμένης αξίας (η αξία δεν ορίζεται στην πηγή δεδομένων)
- `dirrender {String}` προαιρετική, μια διαδρομή στο `function(item, text)` (πρέπει να επιστρέψει το HTML για το `j-Directory`), αυτή η λειτουργία μπορεί να επηρεάσει τη λίστα των στοιχείων στο `j-Directory`
- `dirminwidth {Number}` επιλογή, ελάχιστη πλάτος για `j-Directory`, προεπιλεγμένη: `200`
- `dirmaxwidth {Number}` επιλογή, μέγιστη πλάτος για `j-Directory`
- `dirplaceholder {String}` προαιρετική, ένας κάτοχος για το `j-Directory`
- `dirempty {String}` επιλογή, προσθέτει ένα κενό πεδίο για το `j-Directory`
- `dirkey {String}` προαιρετικό, ένα κλειδί για την ανάγνωση του `text` στο `dirsource` (προεπιλεγμένο: `name`)
- `dirvalue {String}` προαιρετικό, ένα κλειδί για την ανάγνωση του `value` στο `dirsource` (προεπιλεγμένο: `id`)
- `autosource {String}`: Ο δρόμος προς τη λειτουργία `search` σε `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` ο δρόμος ιδιοκτησίας για την αξία στο `autosource`
- `transform {Number}` προαιρετικά, μετατρέπει το κείμενο `0 - none, 1 - lowercase, 2 - uppercase, 3 - capitalize` (προεπιλογή: `0`)
- Το `enteronly {Boolean}` είναι προαιρετικό, προσθέτει μια νέα τιμή μετά την πιέση του κλειδιού `enter` (προεπιλεγμένο: `true`)

__Ενδιαφέροντα :__

- `dirsource:path.to.datasource` απαιτείται __`directory`__ συστατικό
- Αν `licon` ή `ricon` Ξεκινάμε με `!` Το στοιχείο προσφέρει μια βασική αξία αντί για `icon`
- Το `dirsource` με τα μονοπάτια σε μεθόδους μπορεί να φορτίσει δεδομένα ασύγχροντα

Χρησιμοποιήστε το με `<ui-component name="inputtags">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

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