# j-Dropdown

> j-Dropdown επιλογές: απαιτούνται, στοιχεία, εικονίδια, ετικέτες, τύπος, πηγή δεδομένων, κείμενο, αξία

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

__ΕΠΙΤΡΟΦΗ__:

- Το `required {Boolean}` (επιλεγμένο) επιτρέπει το «αναγκαίο» (προσδιορισμός: `false`)
- `items {String}` (επιλεγμένα) στατικά στοιχεία `key1|value1, key2 with value, key3|value`
- `icon {String}` (επιλεγμένη) εικονική για ετικέτα, π.χ. `home`, `cog`, κλπ.
- `label {String}` (επιλεγμένη) ετικέτα (προσδιορισμός είναι το περιεχόμενο HTML)
- Το `type {String}` (επιλεγμένο) μπορεί να είναι `number` (κατασχηματίζει τις τιμές `String` σε `Number`)
- Ο δρόμος `datasource {String}` προς την πηγή δεδομένων (πρέπει να διατεθεί)
- `text {String}` καθορίζει ένα όνομα ιδιοκτησίας για το κείμενο (σε πηγή δεδομένων), προεπιλογή: `name`
- `value {String}` καθορίζει ένα όνομα ιδιοκτησίας για την προεπιλογή (σε πηγή δεδομένων): `id`
- `empty {String}` (επιλεκτικά) προσθέτει ένα κενό πεδίο
- `disabled {Boolean}` (επιλεκτικά) απενεργοποιεί αυτό το συστατικό
- `if {String}` (επιλεκτική) λειτουργία πυροβολισμού ως προϋπόθεση για την φιλτραρίση της πηγής δεδομένων, παράδειγμα: `if:n => !n.removed`

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

```html example.html
<div style="width:400px">
	<ui-component name="dropdown" path="form.idcategory" config="datasource:datasource;empty:;required:true;type:number;icon:navicon">Category</ui-component>
	<br />
	<ui-component name="dropdown" path="form.idinline" config="items:,A|1,B|2,C|3">Inline options</ui-component>
</div>

<script>
	var datasource = [{ name: 'A', id: 1 }, { name: 'B', id: 2 }, { name: 'C', id: 3 }];
	var form = {};
</script>
```