Á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

...

Para habilitar o componente de seleção de usuário na sua widget, precisa ser declado no Seleção de grupos no widget, adicione a seguinte propriedade no application.info de sua widget adicionando a seguinte propriedade do widget:

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

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.selectUserselectGroup(
	{	
		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.selectUserselectGroup(options, function(data){
    		FLUIGC.toast({
    	        title: 'UsuárioGrupo selecionado: ' + data[0].logindescription,
    	        message: data[0].logindescription,
    	        type: 'success'
    	    });
    		console.log(data);
    	}, function() {
    		FLUIGC.toast({
    	        title: 'Cancelado!',
    	        message: null,
    	        type: 'success'
    	    });
    	});
    }
});

...



Tela exibida ao executar o componente

...

Image Added

Image Removed