Introdução

Atenção!

Todos os componentes listados na documentação são formados por um conjunto de de tecnologias que juntas vão oferecer uma melhoria na agilidade do desenvolvimento de formulários e tela.

Para que seja possível uma boa compreenção do que está por trás dos nossos componentes de front-end é recomendável que você estudo as tecnologias listadas abaixo:

Temporal

Fornecer componentes para entradas do tipo data, período e temporal.

Time Field

Time field fornece um componente para entrada de dados temporal como horas, minutos e etc...

O componente foi criado usando a lib Bootstrap Timepicker

<div class="col-sm-3 col-md-3 col-lg-2">
	<div th:replace="fragments/layout-temporal :: time-field(
								field='${objeto.atributo}',
								idField*=horario, 
								label=horario, 
								minuteStep=1,
								template=false)">
	</div>
</div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
idField* String Id do input, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
nameField* String Name do elemento HTML.
placeholder String Placeholder do input.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
minute-step Integer Define o a iteração dos minutos. Ex: minute-step=5, só valores de 5 em 5.
template Boolean Recomendado false. Para mais informações veja a documentação no tópico template.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Date Field

Date field fornece um componente para entrada de datas no formato: dd/mm/yyyy

O componente foi criado usando a libs: Bootstrap datepicker, Bootstrap Validator 

<div class="col-xs-4">
  <div th:replace="fragments/layout-temporal :: date-field(
                                                            field='${objeto.dataConsulta}', 
                                                            idField*='dataConsulta',
                                                            label=dataConsulta, 
                                                            idIcon=iconeDateField, 
                                                            required=true">)">
  </div>
</div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
idField* String Id do input, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
nameField* String Name do elemento HTML.
placeholder String Placeholder do input.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
withLabel Boolean Define ser haverá label ou não.
idIcon String Id do icone do calendário.
disabledIcon String Id do icone do calendário.
startDate String Data inicial do calendário.
endDate String Data final do calendário.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Date Field Periodo

Date field fornece um conjunto de componentes para entrada de períodos de datas no formato: dd/mm/yyyy

Ao selecinar a primeira data a segunda só permitirá data apartir da data selecionada inicialmente.


O componente foi criado usando a libs: Bootstrap datepicker, Bootstrap Validator

  a   
<div class="col-xs-4">
  <div th:replace="fragments/layout-temporal :: date-field-periodo(
                                                                    idField*='dataInicio', 
                                                                    idField*EndDate='dataFim', 
                                                                    label=periodoDatas, 
                                                                    field='${objeto.dataDeInicio}', 
                                                                    fieldEndDate='${objeto.dataFinal}', 
                                                                    idForm='formDateFieldPeriodo',
                                                                    required=true,
                                                                    requiredEndDate=true)">
  </div>
</div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding da primeira data.
fieldEndDate th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding da segunda data.
idField* String Id do input da primeira data, o mesmo deve ser único.
idField*EndDate String Id do input da segunda data, o mesmo deve ser único.
placeholder String Placeholder da primeira data.
placeholderEndDate String Placeholder da segunda data.
required Boolean Informa se a primeira data do período é obrigatório ou não.
requiredEndDate Boolean Informa se a segunda data do período é obrigatório ou não.
autofocus Boolean Define foco automático na primeira data.
autofocusEndDate Boolean Define foco automático no input da segunda data.
startDate String Data inicial do calendário.
endDate String Data final do calendário.
disabledEndDate Boolean Informa se a segunda data está ativa ou não.
dataBindStartDate String Atributo que referencia o bind knockoutjs para a primeira data. Mais informações aqui.
dataBindEndDate String Atributo que referencia o bind knockoutjs para a segunda data. Mais informações aqui.

Input

Fornecer componentes como autocomplete, inputs do tipo texto e numérico.

Helper class

Segue algumas classes para auxiliar a criação de determinados tipos de inputs para entradas de dados específicos.

  • .numbersOnly' - Para campos que permitem apenas números.
  • .cns' - Formatação para campos CNS. EX: 999.9999.9999.9999;
  • .cpf' - Formatação para campos CPF. EX: 999.999.999-99;

Text field

Text field fornece um componente para entrada de dados do tipo texto.

<div class="col-xs-4">
  <div th:replace="fragments/layout-input :: text-field(
                                                        idField*=idText, 
                                                        label=labelText, 
                                                        maxLength=50,
                                                        field='${object.atribute}')">
  </div>
</div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
idField* String Id do input, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
nameField* String Name do elemento HTML.
placeholder String Placeholder do input.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
maxLength Integer Qunatidade máxima de caracteres.
readonly Boolean Define se o campo é somente leitura.
autocomplete Boolean Habilita autocmoplete do html.
numRows Integer Caso esse atributo seja declara o input será substituido por uma textarea onde a quantidade de linhas será definida pelo numRows.
addClass String String que será adicionada ao class do container do input.
pattern Expressão regular Expressão regular aplicada ao input. Mais informações no aqui.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Text Number field

Text Number Field fornece um componente para entrada de dados numéricos em um input text.

<div class="col-xs-4">
  <div th:replace="fragments/layout-input :: text-number-field(
                                                                idField*=idNumerico, 
                                                                label=labelNumerico, 
                                                                field='${object.atribute}',
                                                                minValue=1, 
                                                                maxLength=2, 
                                                                maxValue=24)">
  </div>
</div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
idField* String Id do input, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
nameField* String Name do elemento HTML.
placeholder String Placeholder do input.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
maxLength Integer Qunatidade máxima de caracteres.
readonly Boolean Define se o campo é somente leitura.
autocomplete Boolean Habilita autocmoplete do html.

Number field

Number Field fornece um componente para entrada de dados numéricos.

<div class="col-xs-4">
  <div th:replace="fragments/layout-input :: number-field(
                                                          idField*=idNumerico, 
                                                          label=labelNumerico, 
                                                          field='${object.atribute}',
                                                          minValue=1, 
                                                          maxLength=2, 
                                                          maxValue=24)">
  </div>
</div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
idField* String Id do input, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
nameField* String Name do elemento HTML.
placeholder String Placeholder do input.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
minValue Numérico Especifica um valor mínimo para o input. Mais informações aqui.
maxValue Numérico Especifica um valor mínimo para o input. Mais informações aqui.
maxLength Numérico Especifica quantidade máxima de caracteres do input. aqui.
onchange Função Nome da funação que será invocada no evento onchange do input, caso os valores sejam modificados.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Autocomplete

Fornece um autocomplete baseado em dois elementos inputs, um que mostra as descrições e outro hidden que armazena o identificador.

O componente foi criado usando a lib: Typeahead.js, na versão: 0.10.5; 

<div class="col-xs-4">
  <div th:replace="fragments/layout-input :: autocomplete(
                                                        label=descricao,
                                                        list='listTipoFrequencia',  
                                                        urlServer='/module/controller/action?parametro=%QUERY',
                                                        field=${tipoFrequencia.descricaoFrequencia},
                                                        idField*='idChrListTipoFrequencia',
                                                        fieldHidden='${tipoFrequencia.id}',
                                                        idHidden='idTipoFrequenciaHidden', 
                                                        nameHidden='nameTipoFrequenciaHidden', 
                                                        fncName='selectedTipoFrequencia',
                                                        onSelected='datum.id',
                                                        maxLength=250, 
                                                        required=true)">
  </div>
</div>

Javascript auxiliar para o componente:

var selectedTipoFrequencia = function(object) {
  return {
    value : object.descricaoFrequencia,
    id : object.id,
    "tipoFrequencia" : object
  }
}

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding. O mesmo é opcional.
idField* String Id do input, o mesmo deve ser único.
nameField* String Name do elemento HTML.
nameHidden String Name do input Hidden.
fieldHidden th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding para input Hidden. O mesmo é opcional.
idHidden String Id do input Hidden, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
required Boolean Informa se o elemento é obrigatório ou não.
list String Nome da lista dos objetos listas no autocomplete.
fncName Function Nome da função que será chamada para preencher os inputs com base em um json object. Veja um exemplo no quadro de js auxiliar abaixo do chamada do thymeleaf do autocomplete.
onSelected String Identificador que será usado para acessar o elemento que irá preencher o input hidden com base no json object. EX: datum.id irá acessar o jsonObject.id.

Esse atributo também pode ser usado como o antigo filter.
urlServer String Recurso que o componente irá requisitar no servidor, composto por:'/context/controller/action?meuParametro=%QUERY' , EX: '/modulo/tipoFrequencia/fillTipoFrequencia?descricao=%QUERY'.
parameters String Lista de parametros adicionais que vão ser enviados ao servidor. Os parametros devem ser passados seguindo o padrão de requisições GET.
maxLength Numérico Especifica quantidade máxima de caracteres do input. aqui.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.
dataBindHidden String Atributo que referencia o bind knockoutjs para o lemento Hidden do autocomplete. Mais informações aqui.

Selectable

Fornecer componentes para entradas como list( select ), checkbox e radio.

Select Field

Select Field fornece um componente select do html com auxílio do data bind do thymeleaf para gerar os options dinâmicamente.

  <div class="col-xs-4">
      <div th:replace="fragments/layout-selectable :: select-field(
                                                                      label=labelDoSelect, 
                                                                      field='${itemDoSelect.id}',
                                                                      list=${listOuEnums}, 
                                                                      text='atributoParaTextoDoOption', 
                                                                      value='atributoParaValueDoOption', 
                                                                      prompt=true, 
                                                                      textPrompt='TODOS',
                                                                      required=false)">
      </div>
  </div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding. Nesse caso será o elemento selecionado da lista.
list th:each Atributo do bean que faz a integração do Spring MVC ou seja o binding. Nesse caso será a lista de elementos dos options do select.
listEnum th:each Atributo do bean que faz a integração do Spring MVC ou seja o binding. Nesse caso será a lista de elementos dos options do select. Essa opção só deve ser usada no caso da lista for do tipo Enum.
idField* String Id do select, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
nameField* String Name do elemento HTML.
placeholder String Placeholder do input.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
prompt Boolean Informa se o select terá texto padrão ou não. No caso do exemplo é o TODOS.
textPrompt String Texto padrão que será usado no select. No caso é texto do option padrão.
valuePrompt String Value padrão que será usado no select. No caso é value do option padrão.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Checkbox Field

Fornece um componente Checkbox.

O componente foi criado usando a libs: Awesome Bootstrap Checkbox 

  <div class="col-xs-4">
    <div class="form-group">
      <div>
        <label class="control-label"> <span
          th:text="#{dispensarRetorno}"></span>
        </label>
      </div>
      <div th:replace="fragments/layout-selectable :: checkbox-field(
                                                                      idField*=checkSim, 
                                                                      label=geral.sim, 
                                                                      field='${object.atribute}',
                                                                      value='${object.atribute}')">
      </div>
    </div>
  </div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
idField* String Id do input, o mesmo deve ser único.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
nameField* String Name do elemento HTML.
disabled Boolean Informa se o elemento está desativado ou não.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
value String Value do checkbox.
addClass String String que será adicionada ao class do elmento. Helper class aqui.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Radio Field

Fornece um componente Radio button.

O componente foi criado usando a libs: Awesome Bootstrap Checkbox 

  <div class="col-xs-4">
    <div class="form-group">
        <div>
          <label class="control-label"> 
            <span th:text="#{situacao}"></span>
          </label>
        </div>

        <div th:replace="fragments/layout-selectable :: radio-field(
                                                                    idField*=rdoSimAtivo, 
                                                                    label=geral.sim, 
                                                                    field='${ativo}',
                                                                    value=true)">
        </div>

        <div th:replace="fragments/layout-selectable :: radio-field(
                                                                    idField*=rdoNaoAtivo, 
                                                                    label=geral.sim, 
                                                                    field='${ativo}',
                                                                    value=false)">
        </div>
    </div>
  </div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
label messages.properties String que faz referência ao messages/internacionalização do módulo.
idField* String Id do input, o mesmo deve ser único.
field th:field Atributo do bean que faz a integração do Spring MVC ou seja o binding.
nameField* String Name do elemento HTML.
disabled Boolean Informa se o elemento está desativado ou não.
required Boolean Informa se o elemento é obrigatório ou não.
autofocus Boolean Define foco automático no input.
value String Value do checkbox.
addClass String String que será adicionada ao class do elmento. Helper class aqui.
dataBind String Atributo que referencia o bind knockoutjs para o lemento. Mais informações aqui.

Bar

Fornece agrupamentos de botões para agilizar a criação de crud's.

Search Group Button

Agrupamento de botões padrão para telas de listagem.

  <div class="col-xs-4 col-md-2">
    <div th:replace="fragments/layout-bar :: search-group-button(btnClear=true)"></div>
  </div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
dataBindSearch String Atributo que referencia o bind knockoutjs para o button de busca. Mais informações aqui.
btnClear Boolean Informa se se haverá botão para limpar o formulário ou não.
dataBindClear String Atributo que referencia o bind knockoutjs para o button limpar. Mais informações aqui.

Crud Bar

Fornece um conjunto de botões com as ações padrões para um crud simples. 

  <div class="ol-md-*">
    <div th:replace="fragments/layout-bar :: default-crud-bar(
                                                                newButton=true, 
                                                                urlNew='/tipoFrequencia/new', 
                                                                cancelButton=true,
                                                                urlCancel='/tipoFrequencia/list',
                                                                saveButton=true, 
                                                                clearButton=true)">
    </div>

  </div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
relativeBar Boolean Define se o elemento será fixado próximo ao footer ou se ele irá se posicionar de forma relativa ao final do container.
saveButton Boolean Define se a barra conterá o botão de salvar.
saveButtonTypeSubmit Boolean Informa se o tipo do button save é submit, em caso de false o tipo ficará como button.
saveActionForm String Action do form que o saveButton irá disparar. Mais informações aqui.
disabledSaveButton Boolean Informa se o saveButton está desativado ou não.
dataBindSave String Atributo que referencia o bind knockoutjs para o saveButton. Mais informações aqui.
clearButton Boolean Define se a barra conterá o botão limpar.
disabledClearButton Boolean Informa se o ClearButton está desativado ou não.
dataBindClear String Atributo que referencia o bind knockoutjs para o clearButton. Mais informações aqui.
cancelButton Boolean Define se a barra conterá o botão cancelar.
disabledCancelButton Boolean Informa se o cancelButton está desativado ou não.
urlCancel String/url Url para o atributo href do botão cancelar.
dataBindCancel String Atributo que referencia o bind knockoutjs para o cancelButton. Mais informações aqui.
cancelButton Boolean Define se a barra conterá o botão cancelar.
disabledCancelButton Boolean Informa se o cancelButton está desativado ou não.
urlNew String/url Url para o atributo href do botão cancelar.
dataBindNew String Atributo que referencia o bind knockoutjs para o newButton. Mais informações aqui.

Fornece um conjunto de botões padrão para os footers dos modais.

  <div class="col-xs-4">
  <div th:replace="fragments/layout-bar :: modal-group-button-footer(
                                                                      nameSucess='btnSucess', 
                                                                      idSucess='idBtnSucess', 
                                                                      sucessLabel=ok, 
                                                                      nameCancel='btnCancel', 
                                                                      idCancel='idBtnCancel', 
                                                                      cancelLabel=cancel)">
  </div>
  </div>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
nameSucess String Name do elemento HTML.
idSucess String Id do sucessButton, o mesmo deve ser único.
sucessLabel messages.properties String que faz referência ao messages/internacionalização do módulo para o buttonSucess.
nameCancel String Name do elemento HTML.
idCancel String Id do cancelButton, o mesmo deve ser único.
cancelLabel messages.properties String que faz referência ao messages/internacionalização do módulo para o cancelButton.
addClass String String que será adicionada ao class do container dos buttons.

Pagination

Fornece um componente para realizar a paginação de grids, esse elemento pode realizar o envio por ajax ou submit.

Segue os atributos enviados ao servidor.

  • page - Informa a página que será listada na tabela;
  • size - Quantidade de elemento do page ou seja quantos elementos vão ser exibidos na tabela;
  • idToRender - Id do template do thymeleaf que será renderizado pelo servidor; 
  <div class="col-xs-4">
    <div th:replace="fragments/layout-bar :: paginationbar(
                                                            method='/modulo/tipoFrequencia/listPaginated', 
                                                            idToRender='results')">
    </div>
  </div>

Segue um exemplo de como responder o componente de paginação do lado do servidor.

    @RequestMapping(value="/listPaginated", method = RequestMethod.GET)
    public String findTipoFrequenciaPaginated(@ModelAttribute TipoFrequencia tipoFrequencia, 
                          @RequestParam(value = "page", defaultValue = "") Integer page,
                          @RequestParam(value = "size", defaultValue = "") Integer size, 
                          @RequestParam(value = "idToRender", defaultValue = "") String idToRender,
                          Model model,
                          HttpServletRequest request) {
      Pageable pageable = new PageRequest(page, size, Sort.DEFAULT_DIRECTION, "descricaoFrequencia");
      this.page = tipoFrequenciaBusiness.listTipoFrequencia(tipoFrequencia, pageable);
      model.addAttribute("page", this.page);
      model.addAttribute("tipoFrequencia", tipoFrequencia);
      if(isAjax(request))
        return "tipoFrequencia/tipoFrequenciaList :: #" + idToRender;
      else
        return "tipoFrequencia/tipoFrequenciaList";
    }

    private boolean isAjax(HttpServletRequest request){
      String header = request.getHeader("x-requested-with");
      if(header != null && header.equals("XMLHttpRequest"))
        return true;
      else
        return false;
    }

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
idToRender String Id do elemento que vai receber o HTML de resposta do servidor. Esse id tb deve ser o mesmo do template do thymeleaf do lado do servidor.
method String Recurso que o componente irá requisitar no servidor, composto por:'/context/controller/action' , EX: '/modulo/tipoFrequencia/listPaginated'.
ajax Boolean Informa se a paginação irá realizar o envio dos dados por AJAX ou submit tradicional. O padrão é por AJAX.

Message

Fornece mensagens de alerta e confirmação de ações.

Alerts

Proporciona serviço alerta aos usuários.

O componente foi criado usando a lib: Notify. 

  <div th:replace="fragments/layout-message :: alerts(success='Registro salvo com sucesso.')">
  </div>

Os alerts são usados como padrão no decorator que é herdado de todas as telas do tipo manter. Para usar basta informar o message no controller como no exemplo a seguir.

O EnumTipoMensagem possui as messagens padrões de uma tela do tipo manter.

  class MyController {
    private final GenericMessages genericMessages;

    public String myMethod(){
      //Determina uma menssagem de sucesso.
      model.addAttribute(EnumTipoMensagem.SUCESSO.getDescricao(), genericMessages.getMessage("messages.properties"));
    }
  }

O Alert também pode ser usado diretamente do javaScript. Veja o exemplo a seguir.

    $.alertSuccess('msg de sucesso');
  $.alertInfo('msg de informação');
  $.alertError('msg de erro');
  $.alertWarning('msg de perigo');

Também é possível usar combinado com requisições ajax.

Do lado do servidor basta lançar um GenericException. Veja o exemplo: 

  class MyController {

    public String myMethod() throws GenericException{
       throw new GenericException("Este medicamento item já foi adicionado.", EnumTipoMensagem.ERRO);
    }

  }

E no jquery basta usar como no exemplo abaixo.

    $.get( url, params )
      .fail(
        function(response) {
          $.alertSuccess($.getGenericMessage(response));
        }
      );

Delete Confirmation

Fornece um componente de interface completo para deleção de objetos. Ideal para linhas em tabelas.

O componente foi criado usando a lib: Bootstrap Confirmation. 

  <th:block th:replace="fragments/layout-message :: confirmation(
                                                                  idToExclude=${objeto.id}, 
                                                                  idField*=${'btnExclusao' + objeto.id},
                                                                  title=confirmExclusion, 
                                                                  tooltip=excluir,
                                                                  singleton=true, 
                                                                  function=true, 
                                                                  placement=left, 
                                                                  popout=true, 
                                                                  method='/dispensacao/tipoFrequencia/delete')"/>

Atributos / Opções

Atributos com * são obrigatórios.

Atributo Tipo Descrição
idField* String Id do button, o mesmo deve ser único.
disabled Boolean Informa se o elemento está desativado ou não.
idToExclude String Id do objeto que será deletado.
title String String do titulo do popup que faz referência ao messages/internacionalização do módulo..
tooltip String String do tooltip do button que faz referência ao messages/internacionalização do módulo..
popout Boolean Define se ao clicar em qualquer lugar na página irá fechar os popup's.
placement String Direção que o popup será exibido, pode variar em: left, top, bottom e right.
singleton Boolean Define se só será exibido um popup por vez na página.
function String Função que será chamada após as requisição ajax ser executadas.
ajax Boolean Informa se a forma de envio dos dados é por AJAX ou submit tradicional.
method String Recurso que o componente irá requisitar no servidor, composto por:'/context/controller/action' , EX: '/modulo/tipoFrequencia/delete'.