ForgeComponents
el

Components

j-InputTags

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

ΕΠΙΤΡΟΦΗ:

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

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>