Toolbar

TsgcHTMLComponent_Toolbar — renderize uma barra de ferramentas de botões que agrupa botões com separadores, ícones e tooltips, em Delphi, C++ Builder e .NET.

Visão geral

Um componente de navegação que emite um <div class="btn-toolbar"> Bootstrap de btn-groups divididos por separadores. Adicione botões (e separadores) e então leia a propriedade HTML.

Classe do componente

TsgcHTMLComponent_Toolbar

Renderiza

Markup btn-toolbar do Bootstrap

Família

Navegação & Estrutura

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Crie, adicione botões, renderize

Chame AddButton para cada botão e AddSeparator para dividir os grupos e então leia HTML.

uses
  sgcHTML_Enums, sgcHTML_Component_Toolbar;

var
  oToolbar: TsgcHTMLComponent_Toolbar;
begin
  oToolbar := TsgcHTMLComponent_Toolbar.Create(nil);
  try
    oToolbar.Size := tbsDefault;

    oToolbar.AddButton('New', bsPrimary, '/new');
    oToolbar.AddButton('Edit', bsOutlinePrimary, '/edit');
    oToolbar.AddSeparator;
    oToolbar.AddButton('Delete', bsOutlineDanger, '/delete');

    WebModule.Response := oToolbar.HTML;   // <div class="btn-toolbar">
  finally
    oToolbar.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Toolbar.hpp

TsgcHTMLComponent_Toolbar *oToolbar = new TsgcHTMLComponent_Toolbar(NULL);
try
{
  oToolbar->Size = tbsDefault;

  oToolbar->AddButton("New", bsPrimary, "/new");
  oToolbar->AddButton("Edit", bsOutlinePrimary, "/edit");
  oToolbar->AddSeparator();
  oToolbar->AddButton("Delete", bsOutlineDanger, "/delete");

  String html = oToolbar->HTML;   // <div class="btn-toolbar">
}
__finally
{
  delete oToolbar;
}

using esegece.sgcWebSockets;

var toolbar = new TsgcHTMLComponent_Toolbar();
toolbar.Size = TsgcHTMLToolbarSize.tbsDefault;

toolbar.AddButton("New", TsgcHTMLButtonStyle.bsPrimary, "/new");
toolbar.AddButton("Edit", TsgcHTMLButtonStyle.bsOutlinePrimary, "/edit");
toolbar.AddSeparator();
toolbar.AddButton("Delete", TsgcHTMLButtonStyle.bsOutlineDanger, "/delete");

string html = toolbar.HTML;   // <div class="btn-toolbar">

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Botões

AddButton(text, style, href) adiciona um botão; sem href ele renderiza um <button>, caso contrário uma âncora estilizada como um botão.

Grupos

AddSeparator fecha o btn-group atual e inicia um novo com um pequeno espaço, para que os botões se agrupem em grupos lógicos.

Items

Items.Add retorna um TsgcHTMLToolbarItem para controle mais fino: defina Text, Href, ButtonStyle, Icon, Disabled, Separator e Tooltip.

Estilo

Por item, ButtonStyle escolhe qualquer TsgcHTMLButtonStyle (variante sólida ou com borda, padrão bsOutlinePrimary); Tooltip conecta um tooltip do Bootstrap.

Tamanho

Size seleciona tbsDefault, tbsSmall ou tbsLarge, aplicado a cada grupo de botões; ToolbarID define o id.

Saída

HTML retorna o <div class="btn-toolbar"> completo com seus grupos de botões — sirva-o ou atribua-o ao BodyContent de um template de página.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir