Dropdown
TsgcHTMLComponent_Dropdown — Delphi, C++ Builder ve .NET'te bağlantılar, başlıklar ve ayraçlardan oluşan bir menüye sahip bir Bootstrap açılır düğmesi işleyin.
TsgcHTMLComponent_Dropdown — Delphi, C++ Builder ve .NET'te bağlantılar, başlıklar ve ayraçlardan oluşan bir menüye sahip bir Bootstrap açılır düğmesi işleyin.
Bir Bootstrap 5 geçiş düğmesi ile birlikte onun <ul class="dropdown-menu">'sünü üreten bir açılır menü bileşeni. Menü öğeleri ekleyin, düğme stilini ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Dropdown
Bootstrap 5 dropdown düğmesi + menüsü
Delphi, C++ Builder, .NET
ButtonText ve ButtonStyleEnum'u ayarlayın, bağlantı / başlık / ayraç öğeleri ekleyin, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına yerleştirin).
uses
sgcHTML_Enums, sgcHTML_Component_Dropdown;
var
oDropdown: TsgcHTMLComponent_Dropdown;
oItem: TsgcHTMLDropdownItem;
begin
oDropdown := TsgcHTMLComponent_Dropdown.Create(nil);
try
oDropdown.ButtonText := 'Account';
oDropdown.ButtonStyleEnum := bsPrimary;
oItem := oDropdown.Items.Add;
oItem.Text := 'Settings';
oItem.Header := True;
oItem := oDropdown.Items.Add;
oItem.Text := 'Profile';
oItem.Href := '/profile';
oItem := oDropdown.Items.Add;
oItem.Divider := True;
oItem := oDropdown.Items.Add;
oItem.Text := 'Sign out';
oItem.Href := '/logout';
WebModule.Response := oDropdown.HTML; // Bootstrap dropdown
finally
oDropdown.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Dropdown.hpp
TsgcHTMLComponent_Dropdown *oDropdown = new TsgcHTMLComponent_Dropdown(NULL);
try
{
oDropdown->ButtonText = "Account";
oDropdown->ButtonStyleEnum = bsPrimary;
TsgcHTMLDropdownItem *oItem = oDropdown->Items->Add();
oItem->Text = "Settings";
oItem->Header = true;
oItem = oDropdown->Items->Add();
oItem->Text = "Profile";
oItem->Href = "/profile";
oItem = oDropdown->Items->Add();
oItem->Divider = true;
oItem = oDropdown->Items->Add();
oItem->Text = "Sign out";
oItem->Href = "/logout";
String html = oDropdown->HTML; // Bootstrap dropdown
}
__finally
{
delete oDropdown;
}using esegece.sgcWebSockets;
var dropdown = new TsgcHTMLComponent_Dropdown();
dropdown.ButtonText = "Account";
dropdown.ButtonStyleEnum = TsgcHTMLButtonStyle.bsPrimary;
var item = dropdown.Items.Add();
item.Text = "Settings";
item.Header = true;
item = dropdown.Items.Add();
item.Text = "Profile";
item.Href = "/profile";
item = dropdown.Items.Add();
item.Divider = true;
item = dropdown.Items.Add();
item.Text = "Sign out";
item.Href = "/logout";
string html = dropdown.HTML; // Bootstrap dropdownEn sık başvurduğunuz üyeler.
Items, TsgcHTMLDropdownItems koleksiyonudur; Items.Add, Text, Href, Disabled ve Header / Divider bayraklarına sahip bir TsgcHTMLDropdownItem döndürür.
Bölüm etiketi için Header'ı, ayraç çizgisi için Divider'ı ayarlayın ya da düz bir bağlantı girişi için ikisini de kapalı bırakın; Disabled bir girişi grileştirir.
ButtonText geçiş başlığıdır; ButtonStyleEnum (bsPrimary gibi bir TsgcHTMLButtonStyle) varyantı seçer ve ButtonClass bunu ham sınıflarla geçersiz kılar.
Split, geçişi ana eylem düğmesinin yanında ayrı bir ok düğmesi olarak işler.
HTML, açılır menü sarmalayıcısını, geçiş düğmesini ve menüyü döndürür ve DropdownID onun öğe kimliğini ayarlar — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.