j-FloatingInput

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

Σιγκλέτο
Υποστήριξη - Dark Mode

Μέθοδοι:

Μέθοδος: component.show(options)

options.element {Element/jQuery Element}
options.offsetX {Number} προαιρετική, x offset (προεπιλεγμένη: 0)
options.offsetY {Number} προαιρετική, y offset (προεπιλεγμένη: 0)
options.offsetWidth {Number} προαιρετική, width offset (προεπιλεγμένη: 0)
options.placeholder {String} προαιρετική, ένα χώρο για το πεδίο αναζήτησης
Εναλλακτικά options.minwidth {Number}, ελάχιστη πλάτος, προεπιλεγμένη 200
options.maxwidth {Number} επιλογή, μέγιστο πλάτος, προεπιλεγμένο infinite
options.maxlength {Number} επιλογή, μέγιστο μήκος αξίας, προεπιλεγμένο 50
Το options.callback(value, element) {Function} εκκινείται όταν ο χρήστης κάνει κλικ στο στοιχείο
options.icon {String} Εναλλακτική, Font-Awesome Ικόνη
options.close {Function} επιλογή, μπορεί να καθορίσει το κλείσιμο του πίνακα
options.align {String} προαιρετική, left (προεπιλεγμένη), right ή center
options.value {String} προαιρετική, μια προεπιλεγμένη τιμή για την εισαγωγή
options.position {String} προαιρετική, top (προεπιλεγμένη), bottom
options.summary {String} πρόσθετο περιεχόμενο
Το options.monospace {Boolean} επιτρέπει το μονοπώλιο
options.select {Boolean} επιλέγει το κείμενο
_NEW__ options.multiline {Boolean} επιτρέπει πολυλίνα
NEW options.height {Number} ένα ύψος για multiline (προεπιλεγμένο: 100)

Μέθοδος: component.hide()

ΕΠΙΤΡΟΦΗ:

placeholder - ένας τόπος για την είσοδο

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

example.html

<style>
	body { background-color: #F0F0F0; }
</style>

<ui-component name="floatinginput" config="placeholder:Type something ..."></ui-component>

<div class="container">
	<a href="javascript:void(0)">Type your name</a>
</div>

<script>
	$(document).on('click', 'a', function() {

		var opt = {};
		opt.element = this;
		opt.callback = function(value) {
			console.log('CLICK', value);
		};

		SETTER('floatinginput/show', opt);
	});
</script>