Toolbar

TsgcHTMLComponent_Toolbar — Delphi, C++ Builder ve .NET'te düğmeleri ayraçlar, simgeler ve araç ipuçlarıyla gruplayan bir düğme araç çubuğu işleyin.

TsgcHTMLComponent_Toolbar

Ayraçlarla bölünmüş btn-group'lardan oluşan bir Bootstrap <div class="btn-toolbar"> üreten bir gezinme bileşeni. Düğmeler (ve ayraçlar) ekleyin, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Toolbar

İşler

Bootstrap btn-toolbar işaretlemesi

Diller

Delphi, C++ Builder, .NET

Oluşturun, düğmeler ekleyin, işleyin

Her düğme için AddButton'u ve grupları ayırmak için AddSeparator'ı çağırın, ardından HTML'i okuyun.

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">

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Düğmeler

AddButton(text, style, href), bir düğme ekler; href olmadan bir <button> işler, aksi takdirde düğme olarak biçimlendirilmiş bir bağlantı.

Gruplar

AddSeparator, geçerli btn-group'u kapatır ve küçük bir boşlukla yenisini başlatır, böylece düğmeler mantıksal gruplar halinde kümelenir.

Öğeler

Daha ince denetim için Items.Add, bir TsgcHTMLToolbarItem döndürür: Text, Href, ButtonStyle, Icon, Disabled, Separator ve Tooltip'i ayarlayın.

Stil

Öğe başına, ButtonStyle herhangi bir TsgcHTMLButtonStyle seçer (dolu veya anahat varyantı, varsayılan bsOutlinePrimary); Tooltip, bir Bootstrap araç ipucu bağlar.

Boyut

Size, her düğme grubuna uygulanan tbsDefault, tbsSmall veya tbsLarge seçer; ToolbarID, kimliği ayarlar.

Çıktı

HTML, düğme gruplarıyla birlikte tam <div class="btn-toolbar">'yı döndürür — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.

Keşfetmeye devam edin

Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.
Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.
FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.

Başlamaya Hazır mısınız?

Ücretsiz deneme sürümünü indirin ve Delphi, C++ Builder ve .NET'te web arayüzleri oluşturmaya başlayın.