j-InputTags
ΕΠΙΤΡΟΦΗ:
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-Directorydirminwidth {Number}επιλογή, ελάχιστη πλάτος γιαj-Directory, προεπιλεγμένη:200dirmaxwidth {Number}επιλογή, μέγιστη πλάτος γιαj-Directorydirplaceholder {String}προαιρετική, ένας κάτοχος για τοj-Directorydirempty {String}επιλογή, προσθέτει ένα κενό πεδίο για τοj-Directorydirkey {String}προαιρετικό, ένα κλειδί για την ανάγνωση τουtextστοdirsource(προεπιλεγμένο:name)dirvalue {String}προαιρετικό, ένα κλειδί για την ανάγνωση τουvalueστοdirsource(προεπιλεγμένο:id)autosource {String}: Ο δρόμος προς τη λειτουργίαsearchσεautocomplete,function(search, render(arr))autovalue {String}ο δρόμος ιδιοκτησίας για την αξία στοautosourcetransform {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 άδεια.
<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>