MultiSelect Bileşeni — sgcHTML | eSeGeCe

MultiSelect

TsgcHTMLComponent_MultiSelect — Delphi, C++ Builder ve .NET'te çipler, gruplandırılmış seçenekler ve veri kümesi bağlama içeren aranabilir bir çoklu seçim açılır menüsü işleyin.

Bir bakışta

TsgcHTMLComponent_MultiSelect

Seçimlerini çip olarak tutan bir açılır menü denetimi. Seçenekler ekleyin (ya da bir veri kümesi bağlayın), isteğe bağlı olarak gruplandırın ve seçim sayısını sınırlayın, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_MultiSelect

İşler

Bootstrap açılır menü + çipler (kendi kendine yeten bileşen)

Aile

Formlar & Girdiler

Diller

Delphi, C++ Builder, .NET

QuickStart

Seçenekler ekleyin, işleyin

Placeholder, FieldName ve Size'ı ayarlayın, AddOption ile seçenekler ekleyin (ya da LoadFromDataSet ile bağlayın), ardından HTML'i okuyun.

uses
  sgcHTML_Component_MultiSelect;

var
  oMulti: TsgcHTMLComponent_MultiSelect;
begin
  oMulti := TsgcHTMLComponent_MultiSelect.Create(nil);
  try
    oMulti.FieldName := 'tags';
    oMulti.Placeholder := 'Select tags';
    oMulti.MaxSelections := 3;
    oMulti.Size := mssLarge;

    oMulti.AddOption('js', 'JavaScript', True);
    oMulti.AddOption('py', 'Python');
    oMulti.AddOption('pas', 'Pascal');

    WebModule.Response := oMulti.HTML;   // dropdown + chips + hidden inputs
  finally
    oMulti.Free;
  end;
end;

// Or fill it straight from a dataset:
oMulti.LoadFromDataSet(qryTags, 'Code', 'Name', 'IsSelected');

// includes: sgcHTML_Component_MultiSelect.hpp

TsgcHTMLComponent_MultiSelect *oMulti = new TsgcHTMLComponent_MultiSelect(NULL);
try
{
  oMulti->FieldName = "tags";
  oMulti->Placeholder = "Select tags";
  oMulti->MaxSelections = 3;
  oMulti->Size = mssLarge;

  oMulti->AddOption("js", "JavaScript", true);
  oMulti->AddOption("py", "Python");
  oMulti->AddOption("pas", "Pascal");

  String html = oMulti->HTML;   // dropdown + chips + hidden inputs
}
__finally
{
  delete oMulti;
}

using esegece.sgcWebSockets;

var multi = new TsgcHTMLComponent_MultiSelect();
multi.FieldName = "tags";
multi.Placeholder = "Select tags";
multi.MaxSelections = 3;
multi.Size = TsgcHTMLMultiSelectSize.mssLarge;

multi.AddOption("js", "JavaScript", true);
multi.AddOption("py", "Python");
multi.AddOption("pas", "Pascal");

string html = multi.HTML;   // dropdown + chips + hidden inputs

Başvuru

Temel özellikler & yöntemler

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

Seçenekler

Options, her biri Value, Text, Selected, Disabled ve Group özelliklerine sahip TsgcHTMLMultiSelectOption koleksiyonudur.

Seçenek ekleme

AddOption(aValue, aText, aSelected), tek bir girdi ekler; gruplandırılmış girdiler aynı Group değerini paylaşır ve bir açılır menü başlığı altında işlenir.

Veri kümesi bağlama

LoadFromDataSet(aDataSet, aValueField, aTextField, aSelectedField), Options'ı temizler ve bir sorgudan yeniden doldurur.

Arama

ShowSearch (varsayılan True), açılır menünün içine bir filtre kutusu ekler; SearchPlaceholder ve NoResultsText, başlıklarını geçersiz kılar ve etkin yerel ayara geri döner.

Sınırlar & boyutlandırma

MaxSelections, aynı anda kaç çipin seçilebileceğini sınırlar (0 sınırsız anlamına gelir); Size (mssDefault, mssSmall, mssLarge), Bootstrap'ın form-select boyutlandırmasıyla eşleşir.

Değeri gönderme

FieldName, seçilen her seçenek için bir gizli <input> işler, böylece form her değeri gönderir; MultiSelectID, öğe kimliğini ayarlar.

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ç