Índice

...

Objetivo

...

Este guia é destinado aos desenvolvedores internos e externos do Fluig fluig que desejam utilizar o componente Selecionar uma ou mais comunidades para utilizar Seleção de comunidades para recuperar a comunidade desejada e utilizá-la em seu componente ou widget. O objetivo é apresentar o seu funcionamento e o detalhamento de todos os parâmetros de configuração.

...

Pré-requisitos

...

Conhecer os conceitos dos componentes de negócio do fluig, disponíveis na página Componentes de Negócio.

Seleção de comunidades

...

O componente Seleção de comunidades tem como objetivo facilitar a etapa de seleção de comunidadeuma ou mais comunidades, encapsulando todas as configurações básicas necessárias para essa seleção. Restando operação, restando para o desenvolvedor somente configurar o plugin e utilizar o callback para montar sua lógica de negócio.

Estrutura Básica

...

A seguir é apresentada a estrutura básica do componente:

SOCIALBC.selectCommunity(config, callback);

Como pode-se notar na estrutura básica, o O componente recebe basicamente dois parâmetros, :

• o primeiro, um objeto config com as configurações do componente;
• e o segundo, uma função callback contendo o erro e/ou o sucesso da

...

• seleção.

O primeiro parâmetro espera um objeto contendo dois atributos: multiselect, e required, onde os sendo os dois parâmetros são opcionais.

var config - {
	multiselect: true, //opção que determina se é possível a seleção de uma ou mais comunidades do componente. - Valor default: true
	required: true //opção que determina se a seleção de comunidade é uma etapa obrigatório no fluxo. - - Valor default: false
};

O segundo parâmetro espera uma função que recebe dois valores: error e data.

function(error, data) {
	if(error) {
		//tratamento de erro...
	}
	
	//lógica do sucesso...
}

Utilização Básica

...

A utilização básica do componente é apresentada a seguir:

var UserPreferencesGlobalSearch = SuperWidget.extend({

	alias: null,
    type: null,
	
	bindings: {
		local: {
			'updateselect-imagecomunity': ['click_updateImageselectCommunity']
		}
	},
	
	init: function() {
		this.type = 'gif|jpg|jpeg|png';//init essential params
	},
	
	updateImageselectCommunity: function(el, ev) {
		var that = this;

		WCMBCSOCIALBC.cropImageselectCommunity({
			aliasmultiselect : this.aliasfalse,
			typesrequired : this.typetrue
		}, function(err, data) {
			if(err) {
				return alert(err.responseText);
			}
			
			that.someFunc(data);
		});
	},
	
	someFunc: function(data) {
		//Qualquer coisa com o retorno de sucesso...
	}
});

No application.info de seu widget, adicione o componente como dependência: 

application.resource.component.1=social/selectcommunity

...

Tela exibida ao chamar o componente

...

Image Modified