Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: Atualização da nomenclatura da marca

Índice

Índice
maxLevel4
outlinetrue
exclude.*ndice
stylenone


Objetivo

...

Este guia é destinado aos desenvolvedores internos e externos do TOTVS Fluig Plataforma que desejam utilizar o componente Seleção de grupos. O objetivo é apresentar o seu funcionamento e o detalhamento dos parâmetros de configuração.


Pré-requisitos

...

Conhecer os conceitos dos componentes de negócio da plataforma TOTVS Fluig, disponíveis na página Componentes de Negócio.


Seleção de grupos

Nota
titleATENÇÃO

Esta página deverá se tornar filha de: Componentes de Negócio

 

...

...

Para habilitar o componente de seleção Seleção de grupos na sua no widget, adiciona-se adicione a seguinte propriedade no application.info da do widget:

Bloco de código
languagexml
 application.resource.component.3=wcm/selectgroup

O componente possui as opções:

  • multiselect: true para que seja possível selecionar mais de um registro

...

  • ; false para que seja possível selecionar apenas um registro

...

  • ;
  • required: true para que seja possível avançar apenas se algum registro estiver selecionado

...

  • ; false para obrigar a selecionar algum grupo.


Utilização básica

...

A utilização deste componente pode ser feita da seguinte maneira:

Bloco de código
languagejs
WCMBC.selectGroup(
	{	
		multiselect: true/false, 
		required:true/false
	}, 
	functionfuncaoCallbackSucessofuncaoCallbackSucesso, 
	funcaoCallbackCancelar
);
 
Exemplo:
 
var MyWidget = SuperWidget.extend({
    init: function() {
    },
	
	//código fonte da widget omitido	
    
	selectUsers: function(htmlElement, event) {
    	var options = {multiselect: false, required: true};
    	WCMBC.selectGroup(options, function(data){
    		FLUIGC.toast({
    	        title: 'Grupo selecionado: ' + data[0].description,
    	        message: data[0].description,
    	        type: 'success'
    	    });
    		console.log(data);
    	}, function() {
    		FLUIGC.toast({
    	        title: 'Cancelado!',
    	        message: null,
    	        type: 'success'
    	    });
    	});
    }
});

...



Tela exibida ao executar o componente

...

Image Modified