Á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
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 sub grupos. 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 da plataforma TOTVS Fluig, disponíveis na página Componentes de Negócio.


Seleção de sub 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 sub grupos na sua no seu 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:

  • group: grupo pai dos sub grupos a serem selecionados

...

  • ;
  • 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 sub grupo.


Utilização básica

...

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

Bloco de código
languagejs
WCMBC.selectUser(
	{	
		group: "codigo-do-grupo"
		multiselect: true/false, 
		required:true/false
	}, 
	functionfuncaoCallbackSucesso, 
	funcaoCallbackCancelar
);
 
Exemplo:
 

 
var MyWidget = SuperWidget.extend({
    init: function() {
    },
	
	//código fonte da widget omitido	
    
	selectUsers: function(htmlElement, event) {
    	var options = {group: "Administradores", multiselect: true, required: true};
    	WCMBC.selectUser(options, function(data){
    		FLUIGC.toast({
    	        title: 'Selecionados: ' + 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