Histórico da Página
Índice
Nota | ||
---|---|---|
| ||
Esta página deverá se tornar filha de: Componentes de Negócio |
Í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:
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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.
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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.
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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:
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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 }, selectCommunity: function(el, ev) { var selfthat = this, typeCommunity = $('.type-community', self.DOM);; SOCIALBC.selectCommunity({ multiselect : false, required : true }, function(data) { var community = data[0], params = { value: community.communityId, text: community.communityAlias, tab: self.tabSelected, type: 'community', name: 'community', tabuser: self.tabSelected + self.userId }; typeCommunity.parent().remove(); self.removeFilter('community'); self.saveItem(params); self.insertTagFilter(params); $('#community-filter').val(community.communityAlias); }); }, /*updateImage: function(el, ev) { var that = this; WCMBC.cropImage({ alias: this.alias, types: this.type }, 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:
Bloco de código | |||||||
---|---|---|---|---|---|---|---|
| |||||||
| |||||||
application.resource.component.1=social/selectcommunity |
...
Tela exibida ao chamar o componente
...