j-Input

j-input είναι πολυλειτουργικό input συστατικό που υποστηρίζει πολλά χαρακτηριστικά και είναι βελτιστοποιημένο για καθημερινή χρήση. j-Textbox και j-DropdownΔουλεύει μόνο με jComponent +v17.

ΕΠΙΤΡΟΦΗ:

• type {String} επιλογή, τιμές:
  • Το κενό σημαίνει προεπιλεγμένο text
  • email,
  • multiline
  • checkbox
  • phone
  • password
  • zip
  • date (χρειάζεται το συστατικό datepicker)
  • NEW: datetime (χρειάζεται συστατικό datepicker)
  • time (χρειάζεται το συστατικό timepicker)
  • color (χρειάζεται το συστατικό colorpicker)
  • icon (χρειάζεται το συστατικό faicons)
  • emoji (χρειάζεται το συστατικό emoji)
  • url
  • number
  • number2 (δεν είναι δυνατόν)
  • search
  • lower
  • upper
  • slug
  • id
  • Ετικέτες: radiobutton
  • Ετικέτες: tags
  • Ετικέτες: tags-lower
  • Ετικέτες: tags-upper
  • Ετικέτες: tags-id
  • Ετικέτες: tags-email
  • Ετικέτες: tags-slug
  • Ετικέτες: tags-phone
  • Ετικέτες: tags-url
• 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)
• autofocus {Boolean} προαιρετική, επικεντρώνεται στην εισαγωγή (προεπιλεγμένη: false)
• align {String} Εναλλακτικά , left (από προεπιλογή 2 / right ή 1 / center
• after {String} προαιρετική, σημαίνει ένα φορτίο μετά την ετικέτα (προεπιλεγμένο: :)
• Το autofill {Boolean/String} είναι προαιρετικό, επιτρέπει την αυτοδιαγραφή του προγράμματος περιήγησης (το string θα χρησιμοποιηθεί ως όνομα εισόδου, προεπιλογή: false)
• placeholder {String} επιλογή, προσθέτει ένα κείμενο placeholder στην εισαγωγή
• maxlength {Number} προαιρετική, καθορίζει μέγιστο μήκος φορτίου (προεπιλεγμένο: 200)
• minlength {Number} επιλογή, καθορίζει ένα ελάχιστο μήκος των φορτηγών
• Εναλλακτική τιμή minvalue {Number}, ελάχιστη τιμή για τον τύπο number
• maxvalue {Number} επιλογή, μέγιστη τιμή για τον τύπο number
• increment {Number} προαιρετική, καθορίζει μια τιμή για την αύξηση (προεπιλογή: 1)
• Το validate {String} είναι προαιρετικό, μια προϋπόθεση για την επικύρωση της αξίας, μπορεί να περιέχει σύνδεση με το function(value) ή το !!value.match(/[a-z]+/).
• format {String} Εναλλακτικά, η διατύπωση εξόδου κ.λπ. για date Τύπος : yyyy-MM-ddΓια time Τύπος : HH:mmΓια number Μπορείτε να καθορίσετε το max. decimals (αρχικά: auto)
• disabled {Boolean} επιλογή, απενεργοποιεί αυτό το συστατικό
• error {String} επιλογή, προσθέτει ένα κείμενο string κάτω από το συστατικό
• Το autocomplete {String} είναι προαιρετικό, πρέπει να περιέχει σύνδεση με μια λειτουργία, εκκινείται στο γεγονός focus
• Το spaces {Boolean} είναι προαιρετικό, επιτρέπει χώρους διαφορετικά τα αφαιρεί (προεπιλεγμένο: true)
• innerlabel {Boolean} προαιρετική, επιτρέπει την εσωτερική ετικέτα (προεπιλεγμένη: true)
• dirsource {String} προαιρετική, ο δρόμος προς μια πηγή δεδομένων ή NEW προς function(search, next) (ο δρόμος πρέπει να περιέχει / ή NOW: id|name,id|name
• Το 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
• diroffsety {Number} προαιρετική, Y offset (προεπιλεγμένη: 0)
• diroffsetx {Number} προαιρετική, X offset (προεπιλεγμένη: 0)
• dirplaceholder {String} προαιρετική, ένας κάτοχος για το j-Directory
• dirempty {String} επιλογή, προσθέτει ένα κενό πεδίο για το j-Directory
• dirkey {String} προαιρετικό, ένα κλειδί για την ανάγνωση του text στο dirsource (προεπιλεγμένο: name)
• dirvalue {String} προαιρετικό, ένα κλειδί για την ανάγνωση του value στο dirsource (προεπιλεγμένο: id)
• direxclude {Boolean} προαιρετική, αποκλείει μια τρέχουσα τιμή από το j-Directory (προεπιλεγμένη: true)
• dirsearch {Boolean|String} επιλογή, μπορεί να απενεργοποιήσει την αναζήτηση στο j-Directory (προεπιλεγμένο: true) ή το {String} (κλειδί όνομα) μπορεί να χαρτογραφήσει μια τιμή για την αναζήτησή σας
• dirraw {Boolean} προαιρετική, μπορεί να απενεργοποιήσει την απομάκρυνση των στοιχείων για το j-Directory (προεπιλεγμένο: false)
• dirdetail {String} προαιρετική, μια σύνδεση με τη λειτουργία function(val, next(NEW_TEXT)) (προορίζεται για το dirsource)
• dirfilter {String} προαιρετική, μια ενδοθυλική μεθοδολογία φιλτραρίσματος, για παράδειγμα: value.id !== 2 (προορίζεται για το dirsource)
• NEW: dirrawrender {Boolean} προαιρετική, αν το dirsource δεν περιλαμβάνει τιμή θα αποτελέσει μια βασική αξία (προεπιλογή: true)
• mask {String} επιλογή, μπορεί να περιέχει μια μάσκα στη μορφή ###/## (# αντικαθίσταται από ένα φορτηγό)
• maskregexp {String} προαιρετική, μπορεί να περιέχει RegExp για κάθε φορτίο στη φόρμα \d,\d,\d,null,\d,\d (, είναι οριοθέτης)
• Το masktidy {Boolean} είναι προαιρετικό, το συστατικό επιστρέφει μόνο τις πρώτες καμπύλες χωρίς τα σταθερά καμπυλάκια (προεπιλογή: false)
• autosource {String} μια διαδρομή στην πηγή αναζήτησης Array (NEW) ή function(search, render(arr)) για δυναμική αναζήτηση
• autovalue {String} ένα μονοπάτι ιδιοκτησίας για την τιμή σε autosource, προεπιλογή: name
• autoexec {String} Μια μέθοδος function(item, next(value_to_input))
• searchalign {Number} Μπορείτε να προσαρμόσετε το icon type:search Να φύγεις (2ή σωστά (1Η παραλλαγή)
• Το forcevalidation {Boolean} επιτρέπει την επικύρωση ισχύος για το phone και το email (προεπιλεγμένο: true)
• Το camouflage {Boolean|String} μάσκαρε την τιμή στην εισαγωγή μετά την εκκίνηση του γεγονότος blur (προεπιλεγμένο: false) ή μπορεί να είναι το String που θα χρησιμοποιηθεί ως καμουφλάγος
• Το monospace {Boolean} ενεργοποιεί το γράμμα monospaced (προεπιλεγμένο: false)
• Το multiple {Boolean} επιτρέπει τα κιβώτια ελέγχου εάν το dirsource δεν είναι κενό
• Το tabindex {Number} προσθέτει έναν δείκτη επιλογής (προεπιλεγμένο: 0)
• Το tabs {Boolean} επιτρέπει τις καρτέλες για πολυλίνο (προεπιλεγμένο: true)
• readonly {Boolean} έκδοση κειμένου (προεπιλογή: false)
• transform {String} σύνδεση με το function(value, config) για τη μετατροπή εισερχόμενων τιμών
• Το multiline {Boolean} λειτουργεί μόνο με τον τύπο radiobutton
• separator {String|Boolean}: Διαχωριστής για πολλαπλές τιμές
• Το realtime {Boolean} επιτρέπει τη σύνδεση σε πραγματικό χρόνο (προεπιλεγμένο: true)
• Το exec {String} είναι ένας σύνδεσμος με το function(value, element) που θα αξιολογηθεί εάν επηρεαστεί η εισαγωγή.

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

• type:date απαιτείται datepicker συστατικό
• type:time απαιτείται timepicker συστατικό
• dirsource:path.to.datasource απαιτείται directory συστατικό
• Αν licon ή ricon Ξεκινάμε με ! Το στοιχείο προσφέρει μια βασική αξία αντί για icon
• Η τάξη ui-input-ok δεσμεύεται όταν η εισαγωγή είναι επικυρωμένη και γεμάτη
• SET('path', 'camouflage', 'show'); δείχνει την τιμή για 2000 ms

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