AutoComplete
TsgcHTMLComponent_AutoComplete — Delphi, C++ Builder ve .NET'te JavaScript gerektirmeden, HTML5 öneri <datalist>'iyle desteklenen bir metin girdisi işleyin.
TsgcHTMLComponent_AutoComplete — Delphi, C++ Builder ve .NET'te JavaScript gerektirmeden, HTML5 öneri <datalist>'iyle desteklenen bir metin girdisi işleyin.
Yerel bir <datalist>'e bağlı bir Bootstrap form-control üreten bir girdi bileşeni. Öneri dizelerini Items'a ekleyin, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_AutoComplete
Bootstrap girdisi + HTML5 <datalist>
Delphi, C++ Builder, .NET
Name ve Label_'ı ayarlayın, öneri dizelerini Items'a ekleyin, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına bırakın).
uses
sgcHTML_Component_AutoComplete;
var
oAuto: TsgcHTMLComponent_AutoComplete;
begin
oAuto := TsgcHTMLComponent_AutoComplete.Create(nil);
try
oAuto.Name := 'country';
oAuto.Label_ := 'Country';
oAuto.Placeholder := 'Start typing...';
oAuto.MinLength := 2;
oAuto.Items.Add('Spain');
oAuto.Items.Add('France');
oAuto.Items.Add('Germany');
WebModule.Response := oAuto.HTML; // <input> + <datalist>
finally
oAuto.Free;
end;
end;// includes: sgcHTML_Component_AutoComplete.hpp
TsgcHTMLComponent_AutoComplete *oAuto = new TsgcHTMLComponent_AutoComplete(NULL);
try
{
oAuto->Name = "country";
oAuto->Label_ = "Country";
oAuto->Placeholder = "Start typing...";
oAuto->MinLength = 2;
oAuto->Items->Add("Spain");
oAuto->Items->Add("France");
oAuto->Items->Add("Germany");
String html = oAuto->HTML; // <input> + <datalist>
}
__finally
{
delete oAuto;
}using esegece.sgcWebSockets;
var auto = new TsgcHTMLComponent_AutoComplete();
auto.Name = "country";
auto.Label_ = "Country";
auto.Placeholder = "Start typing...";
auto.MinLength = 2;
auto.Items.Add("Spain");
auto.Items.Add("France");
auto.Items.Add("Germany");
string html = auto.HTML; // <input> + <datalist>En sık başvurduğunuz üyeler.
Name girdinin name'ini ayarlar; Label_ üstünde bir form-label işler; Value alanı önceden doldurur.
Items (bir TStringList), <datalist> içinde <option> girdileri haline gelen öneri dizelerini tutar.
Placeholder ipucu metni gösterir; MinLength önerilerin görünmesi için kaç karakter yazılacağını ayarlar (varsayılan 1'dir).
AutoCompleteID, girdi ve bağlı <datalist>'i tarafından paylaşılan öğe id'sini ayarlar; varsayılanı sgcAutoComplete'tir.
HTML, etiketi, form-control girdisini ve doldurulmuş <datalist>'i içeren mb-3 sarmalayıcısını döndürür.
Devralınan Section, ColumnWidth ve RowGroup, alanı bir TsgcHTMLPageBuilder ızgarasına yerleştirir.