j-Dropdown

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

ΕΠΙΤΡΟΦΗ:

Το 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 άδεια.

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>