j-Features

• Numai pentru desktop
• Singletă
• Funcționează cu sistemul Bootstrap

Metode

Metodă: component.open(opt)

• opt.placeholder {String} un locator pentru intrarea de căutare (default: config.placeholder)
• opt.items {Object Array} cu o listă de caracteristici (necesitate):
  • name {String} un nume de caracteristici
  • icon {String} (opțional) icon fără fa-
  • keywords {String} (opțional) cuvinte cheie suplimentare pentru căutare
  • value {Object/String/Number} - o valoare

opt.scrolltop {Boolean} se întoarce la partea de sus până când apare fereastra (default: false)

opt.callback(selected) {Function} este un apel care este numit atunci când utilizatorul face clic pentru o anumită caracteristică. argumentul selected conține elementele selectate.

Metodă: component.hide()

Configurarea:

• placeholder {String} un locator pentru intrarea de căutare
• Înălțimea elementului de listă height {Number} (opțional, standard 35)

Utilizați-l cu <ui-component name="features">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

<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>