j-Features

• Só para computadores de desktop
• Singularidade
• Trabalhe com o sistema Bootstrap Grid

Métodos

Método: component.open(opt)

• opt.placeholder {String} um local para a entrada de pesquisa (default: config.placeholder)
• opt.items {Object Array} com lista de características (necessárias):
  • name {String} um nome de característica
  • icon {String} (opcional) sem fa-
  • keywords {String} (opcional) palavras-chave adicionais para pesquisa
  • value {Object/String/Number} um valor

O opt.scrolltop {Boolean} vai para a parte superior até que a janela esteja exibida (default: false)

opt.callback(selected) {Function} Um callback que é chamado quando o usuário faz um clique para alguma função. selected O argumento contém item selecionado.

Método: component.hide()

Configuração:

• placeholder {String} um local para a entrada de pesquisa
• height {Number} altura do item de lista (opcional, padrão 35)

Use-o com <ui-component name="features">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>