EmptyState Bileşeni — sgcHTML | eSeGeCe

EmptyState

TsgcHTMLComponent_EmptyState — Delphi, C++ Builder ve .NET'te; bir ızgaranın, listenin ya da arama sonucunun hiç satırı olmadığında gösterdiği panel: bir simge ya da görsel, bir başlık, bir açıklama ve en fazla iki düğme.

TsgcHTMLComponent_EmptyState

Icon, Title ve Description'ı ayarlayın, ardından HTML özelliğini okuyun; hiçbir betik yaymaz, bu yüzden bir sayfanın ihtiyacı olduğu kadar sık, bant dışı bir parça olarak göndermek güvenlidir.

Bileşen sınıfı

TsgcHTMLComponent_EmptyState

İşler

Tek bir yer tutucu <div>, betik yok

Diller

Delphi, C++ Builder, .NET

Burada hiçbir şey olmadığını doğru şekilde söyleyin

Icon, dar bir güvenlik denetiminden sonra olduğu gibi yayınlanan bir CSS simge sınıfını ya da satır içi SVG işaretlemesini kabul eder; son kullanıcı girdisini asla ona bağlamayın — güvenilmeyen metni bunun yerine her zaman HTML olarak kodlanan Title ve Description'a bağlayın.

uses
  sgcHTML_Enums, sgcHTML_Component_EmptyState;

var
  oEmpty: TsgcHTMLComponent_EmptyState;
begin
  oEmpty := TsgcHTMLComponent_EmptyState.Create(nil);
  try
    oEmpty.Icon := 'bi bi-inbox';
    oEmpty.Title := 'No results';
    oEmpty.Description := 'Try a different search, or clear your filters.';
    oEmpty.ActionCaption := 'Clear filters';
    oEmpty.ActionHref := '/orders';
    oEmpty.ActionStyle := bsPrimary;

    WebModule.Response := oEmpty.HTML;
  finally
    oEmpty.Free;
  end;
end;

// Or the one-line static helper for the simple case:
WebModule.Response := TsgcHTMLComponent_EmptyState.Build('No results', 'Try a different search.');
// includes: sgcHTML_Component_EmptyState.hpp

TsgcHTMLComponent_EmptyState *oEmpty = new TsgcHTMLComponent_EmptyState(NULL);
try
{
  oEmpty->Icon = "bi bi-inbox";
  oEmpty->Title = "No results";
  oEmpty->Description = "Try a different search, or clear your filters.";
  oEmpty->ActionCaption = "Clear filters";
  oEmpty->ActionHref = "/orders";
  oEmpty->ActionStyle = bsPrimary;

  String html = oEmpty->HTML;
}
__finally
{
  delete oEmpty;
}

// Or the one-line static helper for the simple case:
String html2 = TsgcHTMLComponent_EmptyState::Build("No results", "Try a different search.");
using esegece.sgcWebSockets;

var empty = new TsgcHTMLComponent_EmptyState();
empty.Icon = "bi bi-inbox";
empty.Title = "No results";
empty.Description = "Try a different search, or clear your filters.";
empty.ActionCaption = "Clear filters";
empty.ActionHref = "/orders";
empty.ActionStyle = ButtonStyle.bsPrimary;

string html = empty.HTML;

// Or the one-line static helper for the simple case:
string html2 = TsgcHTMLComponent_EmptyState.Build("No results", "Try a different search.");

Temel özellikler & yöntemler

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

Icon / ImageURL

CSS simge sınıfı ya da satır içi SVG (temizlenir, reddedilirse atlanır); ikisi de ayarlandığında ImageURL, Icon'a üstün gelir.

Title / Description

Her zaman HTML olarak kodlanır; veritabanına ya da kullanıcı tarafından sağlanan metne bağlamak için güvenli çifttir.

ActionCaption / ActionHref / ActionStyle

Birincil eylem çağrısı düğmesi, paylaşılan TsgcHTMLButtonStyle numaralandırması üzerinden stillendirilir, varsayılan bsPrimary.

SecondaryActionCaption / SecondaryActionHref

İkinci bir düğme, her zaman anahat stiliyle; kendine ait bir stil özelliği yoktur.

Compact

Tüm bir sayfa/bölüm yerine küçük, gömülü bir alan (bir widget, bir tablo gövdesi) için daha dar iç boşluk.

Build

Sınıf işlevi: geçici bir örneği tek bir çağrıda oluşturur, Title/Description'ı ayarlar, işler ve serbest bırakır.

Keşfetmeye devam edin

Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu.
Tüm sgcHTML Bileşenleri80'den 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ı.
En avantajlı seçenek: All-AccessTüm eSeGeCe ürünleri, Premium Destek dahil, yılda €1,059'dan itibaren.
All-Access fiyatlarına bakın

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.