ForgeComponents
el

Components

j-SearchInput

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

Προσαρμοσμένη αναζήτηση εισόδου.


ΕΠΙΤΡΟΦΗ:

  • Ετικέτα αναζήτησης searchicon {String} (προεπιλεγμένο: ti ti-search)
  • cancelicon {String} ακύρωση εικονίδιο (προεπιλεγμένο: ti ti-times)
  • Ετικέτες align {String} (προεπιλεγμένη μορφή: left)
  • placeholder {String} Ο ΠΛΕΥΡΟΣ
  • Το autofocus {Boolean/Number} επιτρέπει την αυτο-εστίαση για μη κινητές συσκευές (ο αριθμός σημαίνει καθυστέρηση για την αυτο, προεπιλογή: false)
  • Το exec {String} είναι ένας σύνδεσμος με το function(value, element) που θα αξιολογηθεί εάν επηρεαστεί η εισαγωγή.
  • NEW: realtime {Boolean} επιτρέπει τη σύνδεση σε πραγματικό χρόνο (προεπιλογή: true)

Μέθοδοι:

  • Το component.focus() επικεντρώνεται
  • component.clear() Εισαγωγή

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

example.html
<ui-component name="searchinput" path="%search" class="m"></ui-component>
<ui-bind path="%search" config="text b" class="block">Search: <b></b></ui-bind>