j-Features

• Solo per computer desktop
• singolo
• Funziona con il sistema Bootstrap Grid

Metodi

Metodo: component.open(opt)

• opt.placeholder {String} un contenitore di posizione per l'ingresso della ricerca (default: config.placeholder)
• opt.items {Object Array} con elenco di caratteristiche (necessarie):
  • Il nome di name {String}
  • icon {String} (opzionale) icon senza fa-
  • keywords {String} (opzionale) parole chiave aggiuntive per la ricerca
  • value {Object/String/Number} Un valore

opt.scrolltop {Boolean} scorrere fino a quando non viene visualizzata la finestra (default: false)

opt.callback(selected) {Function} è un callback che viene chiamato quando l'utente fa clic per alcune caratteristiche. argomento selected contiene elementi selezionati.

Metodo: component.hide()

Configurazione:

• placeholder {String} per il sito di ricerca
• L'altezza di height {Number} dell'oggetto della lista (opzionale, standard 35)

Utilizzare con <ui-component name="features">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

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

<ui-component name="features" config="placeholder:Search ..."></ui-component>

<div class="container">
	<a href="javascript:features()">Show features</a>
</div>

<script>
	function features() {
		var opt = {};
		opt.items = [{ name: 'Dashboard' }, { name: 'Invoices' }, { name: 'Orders' }, { name: 'Products' }, { name: 'Pages' }, { name: 'Notes' }, { name: 'Users', icon: 'user' }, { name: 'Settings' }];
		opt.callback = function(selected) {
			console.log('CLICK', selected);
		};
		SETTER('features/show', opt);
	}
	setTimeout(features, 500);
</script>