Accordion

TsgcHTMLComponent_Accordion — Delphi, C++ Builder ve .NET'te üst üste yığılmış, genişletilebilir panellerden oluşan, dikey olarak daralan bir akordeon işleyin.

Bir bakışta

TsgcHTMLComponent_Accordion

Bootstrap accordion üzerine kurulu, daraltılabilir paneller yığını. Başlık ve içerikle öğeler ekleyin, hangilerinin açık başlayacağını işaretleyin, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Accordion

İşler

Bootstrap 5 accordion işaretlemesi

Aile

İçerik & Düzen

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, paneller ekleyin, işleyin

Her paneli Items.Add aracılığıyla ekleyin, Title, Content ve Expanded bayrağını ayarlayın, ardından HTML'i okuyun.

uses
  sgcHTML_Component_Accordion;

var
  oAcc: TsgcHTMLComponent_Accordion;
begin
  oAcc := TsgcHTMLComponent_Accordion.Create(nil);
  try
    oAcc.AccordionID := 'faq';
    oAcc.Flush := False;
    oAcc.AlwaysOpen := False;

    with oAcc.Items.Add do
    begin
      Title := 'What is sgcHTML?';
      Content := 'A server-side HTML component library.';
      Expanded := True;
    end;
    with oAcc.Items.Add do
    begin
      Title := 'Which languages?';
      Content := 'Delphi, C++ Builder and .NET.';
    end;

    WebModule.Response := oAcc.HTML;   // Bootstrap accordion
  finally
    oAcc.Free;
  end;
end;

// includes: sgcHTML_Component_Accordion.hpp

TsgcHTMLComponent_Accordion *oAcc = new TsgcHTMLComponent_Accordion(NULL);
try
{
  oAcc->AccordionID = "faq";
  oAcc->Flush = false;
  oAcc->AlwaysOpen = false;

  TsgcHTMLAccordionItem *oItem = oAcc->Items->Add();
  oItem->Title = "What is sgcHTML?";
  oItem->Content = "A server-side HTML component library.";
  oItem->Expanded = true;

  oItem = oAcc->Items->Add();
  oItem->Title = "Which languages?";
  oItem->Content = "Delphi, C++ Builder and .NET.";

  String html = oAcc->HTML;   // Bootstrap accordion
}
__finally
{
  delete oAcc;
}

using esegece.sgcWebSockets;

var acc = new TsgcHTMLComponent_Accordion();
acc.AccordionID = "faq";
acc.Flush = false;
acc.AlwaysOpen = false;

var item = acc.Items.Add();
item.Title = "What is sgcHTML?";
item.Content = "A server-side HTML component library.";
item.Expanded = true;

item = acc.Items.Add();
item.Title = "Which languages?";
item.Content = "Delphi, C++ Builder and .NET.";

string html = acc.HTML;   // Bootstrap accordion

Başvuru

Temel özellikler & yöntemler

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

Öğeler

Items (TsgcHTMLAccordionItems) panelleri tutar; bir tane eklemek ve yapılandırmak için Items.Add'i çağırın.

Öğe içeriği

Her öğe, başlık düğmesi için Title'ı, panel gövdesi için Content'i ve açık başlatmak için Expanded'ı sunar.

Tekli ya da çoklu

AlwaysOpen birden çok panelin aynı anda açık kalmasını sağlar; kapalıyken bir paneli açmak diğerlerini daraltır.

Stil

Flush, kenardan kenara bir akordeon için dış kenarlıkları ve yuvarlatılmış köşeleri kaldırır.

Kimlik

AccordionID, panellerin daraltma üst öğesini bağlamak için kullanılan kapsayıcı kimliğini ayarlar.

Çıktı

HTML, tam accordion işaretlemesini döndürür — sunun ya da bir sayfa şablonunun gövde içeriğine atayın.

Kaynaklar

Keşfetmeye devam edin

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