CommandPalette Bileşeni — sgcHTML | eSeGeCe

CommandPalette

TsgcHTMLComponent_CommandPalette — Delphi, C++ Builder ve .NET'te, VS Code, Slack ve Linear'dan aşina olduğunuz Ctrl+K / Cmd+K katman başlatıcısı; önce alt dize sonra bulanık filtreleme, kategoriler ve sunucuya yönlendirilen eylemler içerir.

Bir bakışta

TsgcHTMLComponent_CommandPalette

AddItem ya da Items.Add ile girdiler ekleyin, ardından HTML özelliğini okuyun; Ctrl+K (ya da Cmd+K) katmanı açar, yazmak onu filtreler, Enter seçimi etkinleştirir.

Bileşen sınıfı

TsgcHTMLComponent_CommandPalette

İşler

Gizli Ctrl+K katmanı + satır içi betik

Aile

Katmanlar & Geri Bildirim

Diller

Delphi, C++ Builder, .NET

QuickStart

Girdi ekleyin, Ctrl+K'ya basın

Girdiler istemci tarafında filtrelenmek üzere tarayıcıya JSON olarak gönderilmez, sunucuda işaretleme olarak işlenir; böylece her başlık tam olarak bir kez HTML olarak kodlanır.

uses
  sgcHTML_Component_CommandPalette;

var
  oPalette: TsgcHTMLComponent_CommandPalette;
begin
  oPalette := TsgcHTMLComponent_CommandPalette.Create(nil);
  try
    oPalette.PaletteID := 'app_commands';

    oPalette.AddItem('New Invoice', '/invoices/new', 'invoice:new', 'Create', 'Ctrl+N');
    oPalette.AddItem('Customer Search', '/customers', '', 'Navigate');
    with oPalette.Items.Add do
    begin
      Caption := 'Export Report';
      Icon := 'bi bi-download';
      DataAction := 'report:export';
      Category := 'Actions';
    end;

    WebModule.Response := oPalette.HTML;   // hidden overlay + inline script
  finally
    oPalette.Free;
  end;
end;

// includes: sgcHTML_Component_CommandPalette.hpp

TsgcHTMLComponent_CommandPalette *oPalette = new TsgcHTMLComponent_CommandPalette(NULL);
try
{
  oPalette->PaletteID = "app_commands";

  oPalette->AddItem("New Invoice", "/invoices/new", "invoice:new", "Create", "Ctrl+N");

  TsgcHTMLCommandItem *oItem = oPalette->Items->Add();
  oItem->Caption = "Export Report";
  oItem->Icon = "bi bi-download";
  oItem->DataAction = "report:export";
  oItem->Category = "Actions";

  String html = oPalette->HTML;   // hidden overlay + inline script
}
__finally
{
  delete oPalette;
}

using esegece.sgcWebSockets;

var palette = new TsgcHTMLComponent_CommandPalette();
palette.PaletteID = "app_commands";

palette.AddItem("New Invoice", "/invoices/new", "invoice:new", "Create", "Ctrl+N");

var item = palette.Items.Add();
item.Caption = "Export Report";
item.Icon = "bi bi-download";
item.DataAction = "report:export";
item.Category = "Actions";

string html = palette.HTML;   // hidden overlay + inline script

Başvuru

Temel özellikler & yöntemler

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

Items

TsgcHTMLCommandItem girdilerinin koleksiyonu: Caption, Description, Icon, Href, DataAction, Shortcut (yalnızca görüntüleme), Category ve Enabled.

AddItem

Bir girdi ekleyip onu döndüren kolaylık yöntemi; böylece sonradan Icon/Description'ı yine de ayarlayabilirsiniz.

HotKey / HotKeyCtrl / HotKeyMeta

Değiştiricilerle birlikte tek bir karakter; hem Ctrl hem de Meta varsayılan olarak True'dur, böylece Ctrl+K ve Cmd+K kutudan çıktığı gibi ikisi de onu açar.

MaxResults

Varsayılan 10; 0, eşleşen her girdiyi aynı anda gösterir.

ShowCategories

Varsayılan True, listeyi ilk görünme sırasına göre (alfabetik değil) başlıklar altında gruplandırır.

WSSend / Action

Bir komutu etkinleştirmek her zaman bir sgc:command DOM olayı gönderir ve ikisinden biri ayarlandığında sgcHTMX WebSocket köprüsü üzerinden gönderir ya da Action'a POST eder.

Kaynaklar

Keşfetmeye devam edin

	Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu.	Aç
	Tüm sgcHTML Bileşenleri80'den 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ç

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