Komponent Spinner — sgcHTML

W skrócie

TsgcHTMLComponent_Spinner

Komponent wskaźnika ładowania, który generuje znaczniki spinner Bootstrap 5. Wybierz typ wskaźnika, rozmiar i kolor, a następnie odczytaj właściwość HTML — albo wywołaj statyczną metodę pomocniczą Build dla jednolinijkowca.

Klasa komponentu

TsgcHTMLComponent_Spinner

Renderuje

Znaczniki spinner Bootstrap 5

Rodzina

Nakładki i komunikaty

Języki

Delphi, C++ Builder, .NET

Szybki start

Zbuduj go w jednej linii lub skonfiguruj w pełni

Wywołaj Build(spinnerType, color, size) dla szybkiego wskaźnika albo utwórz komponent, ustaw SpinnerType, Size i ColorStyle, a następnie odczytaj HTML.

uses
  sgcHTML_Enums, sgcHTML_Component_Spinner;

// One-line static helper (primary form):
var
  vHTML: string;
begin
  vHTML := TsgcHTMLComponent_Spinner.Build(spBorder, hcPrimary, ssNormal);
  WebModule.Response := vHTML;
end;

// Or configure it fully:
var
  oSpin: TsgcHTMLComponent_Spinner;
begin
  oSpin := TsgcHTMLComponent_Spinner.Create(nil);
  try
    oSpin.SpinnerType := spGrow;
    oSpin.Size := ssSmall;
    oSpin.ColorStyle := hcSuccess;
    oSpin.Text := 'Loading...';
    oSpin.SpinnerID := 'loader';

    WebModule.Response := oSpin.HTML;   // Bootstrap spinner markup
  finally
    oSpin.Free;
  end;
end;

// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Spinner.hpp

// One-line static helper (primary form):
String html = TsgcHTMLComponent_Spinner::Build(spBorder, hcPrimary, ssNormal);

// Or configure it fully:
TsgcHTMLComponent_Spinner *oSpin = new TsgcHTMLComponent_Spinner(NULL);
try
{
  oSpin->SpinnerType = spGrow;
  oSpin->Size = ssSmall;
  oSpin->ColorStyle = hcSuccess;
  oSpin->Text = "Loading...";
  oSpin->SpinnerID = "loader";

  String body = oSpin->HTML;   // Bootstrap spinner markup
}
__finally
{
  delete oSpin;
}

using esegece.sgcWebSockets;

// One-line static helper (primary form):
string html = TsgcHTMLComponent_Spinner.Build(TsgcHTMLSpinnerType.spBorder,
    TsgcHTMLColor.hcPrimary, TsgcHTMLSpinnerSize.ssNormal);

// Or configure it fully:
var spin = new TsgcHTMLComponent_Spinner();
spin.SpinnerType = TsgcHTMLSpinnerType.spGrow;
spin.Size = TsgcHTMLSpinnerSize.ssSmall;
spin.ColorStyle = TsgcHTMLColor.hcSuccess;
spin.Text = "Loading...";
spin.SpinnerID = "loader";

string body = spin.HTML;   // Bootstrap spinner markup

Dokumentacja

Kluczowe właściwości i metody

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

Typ

SpinnerType wybiera spBorder (obracający się pierścień) lub spGrow (pulsująca kropka) za pomocą TsgcHTMLSpinnerType.

Rozmiar

Size wybiera ssNormal lub ssSmall za pomocą TsgcHTMLSpinnerSize.

Kolor

ColorStyle przyjmuje TsgcHTMLColor (na przykład hcPrimary lub hcSuccess); Color przyjmuje surowy ciąg nazwy koloru Bootstrap.

Dostępność

Text ustawia ukrytą wizualnie etykietę statusu odczytywaną przez czytniki ekranu (domyślnie tekst "Loading..." w danym języku).

Tożsamość

SpinnerID przypisuje identyfikator elementu, dzięki czemu możesz pokazać lub usunąć wskaźnik z poziomu JavaScript.

Metoda pomocnicza i wynik

Build(spinnerType, color, size) zwraca gotowy wskaźnik; HTML generuje znaczniki wskaźnika Bootstrap z jego rolą i ukrytym tekstem.

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

Spinner