Komponent Panel — sgcHTML

W skrócie

TsgcHTMLComponent_Panel

Panel treści w ramce zbudowany na elemencie card Bootstrap. Ustaw tytuł i treść, wybierz kolor, przełącz zwijanie lub przewijanie, a następnie odczytaj właściwość HTML.

Klasa komponentu

TsgcHTMLComponent_Panel

Renderuje

Znaczniki card Bootstrap 5

Rodzina

Treść i układ

Języki

Delphi, C++ Builder, .NET

Szybki start

Utwórz go, ustaw treść, wyrenderuj

Przypisz Title, Body i Footer, wybierz Color, a następnie odczytaj HTML — albo użyj statycznej, jednolinijkowej metody pomocniczej Build.

uses
  sgcHTML_Enums, sgcHTML_Component_Panel;

var
  oPanel: TsgcHTMLComponent_Panel;
begin
  oPanel := TsgcHTMLComponent_Panel.Create(nil);
  try
    oPanel.Title := 'Account Summary';
    oPanel.Body := '<p>Your plan renews on the 1st.</p>';
    oPanel.Footer := 'Last updated today';
    oPanel.Color := hcLight;
    oPanel.Collapsible := True;
    oPanel.Expanded := True;

    WebModule.Response := oPanel.HTML;   // Bootstrap card
  finally
    oPanel.Free;
  end;
end;

// Or in a single line with the static helper:
Result := TsgcHTMLComponent_Panel.Build('Account Summary',
  '<p>Your plan renews on the 1st.</p>', hcLight, 'Last updated today');

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Panel.hpp

TsgcHTMLComponent_Panel *oPanel = new TsgcHTMLComponent_Panel(NULL);
try
{
  oPanel->Title = "Account Summary";
  oPanel->Body = "<p>Your plan renews on the 1st.</p>";
  oPanel->Footer = "Last updated today";
  oPanel->Color = hcLight;
  oPanel->Collapsible = true;
  oPanel->Expanded = true;

  String html = oPanel->HTML;   // Bootstrap card
}
__finally
{
  delete oPanel;
}

// Or in a single line with the static helper:
String html = TsgcHTMLComponent_Panel::Build("Account Summary",
  "<p>Your plan renews on the 1st.</p>", hcLight, "Last updated today");

using esegece.sgcWebSockets;

var panel = new TsgcHTMLComponent_Panel();
panel.Title = "Account Summary";
panel.Body = "<p>Your plan renews on the 1st.</p>";
panel.Footer = "Last updated today";
panel.Color = TsgcHTMLColor.hcLight;
panel.Collapsible = true;
panel.Expanded = true;

string html = panel.HTML;   // Bootstrap card

// Or in a single line with the static helper:
string oneLine = TsgcHTMLComponent_Panel.Build("Account Summary",
    "<p>Your plan renews on the 1st.</p>", TsgcHTMLColor.hcLight, "Last updated today");

Dokumentacja

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Treść

Title ustawia nagłówek karty, Body główną treść HTML, a Footer opcjonalny wiersz stopki.

Wygląd

Color (TsgcHTMLColor) wybiera kolor motywu; Outline renderuje wariant z obramowaniem zamiast wypełnionego tła.

Zwijanie

Collapsible zamienia nagłówek w przełącznik, a Expanded ustawia, czy treść jest początkowo otwarta.

Przewijanie

Scrollable z MaxHeight ogranicza wysokość treści i dodaje pionowe przewijanie dla długiej zawartości.

Tożsamość

PanelID przypisuje karcie jawny identyfikator DOM, używany jako kotwica celu zwijania.

Budowa w jednej linii

Build(aTitle, aBody, aColor, aFooter) zwraca HTML panelu w pojedynczym statycznym wywołaniu; HTML renderuje skonfigurowaną instancję.

Zasoby

Poznawaj dalej

	Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 60+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CennikLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz

Panel