Transfer
TsgcHTMLComponent_Transfer — erzeugen Sie ein Doppel-Listbox-Widget, das Elemente zwischen einem Verfügbar- und einem Zugewiesen-Panel verschiebt, mit Filterung und Dataset-Bindung, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_Transfer — erzeugen Sie ein Doppel-Listbox-Widget, das Elemente zwischen einem Verfügbar- und einem Zugewiesen-Panel verschiebt, mit Filterung und Dataset-Bindung, in Delphi, C++ Builder und .NET.
Fügen Sie Elemente hinzu (oder binden Sie ein Dataset), lassen Sie den Besucher sie mit den Schaltflächen, einem Doppelklick oder dem Filterfeld zwischen den beiden Panels verschieben, und lesen Sie dann die HTML-Eigenschaft.
TsgcHTMLComponent_Transfer
Bootstrap-5-Doppelpanel-Widget + scoped CSS
Delphi, C++ Builder, .NET
Rufen Sie AddItem für jede Zeile auf (oder LoadFromDataSet für ein ganzes Dataset), setzen Sie FieldName, damit die zugewiesenen Elemente als versteckte Eingabefelder zurückgesendet werden, und lesen Sie dann HTML.
uses
sgcHTML_Component_Transfer;
var
oTransfer: TsgcHTMLComponent_Transfer;
begin
oTransfer := TsgcHTMLComponent_Transfer.Create(nil);
try
oTransfer.TransferID := 'roles';
oTransfer.FieldName := 'roles';
oTransfer.TitleSource := 'Available roles';
oTransfer.TitleTarget := 'Assigned roles';
oTransfer.ShowFilter := True;
oTransfer.Height := '260px';
oTransfer.AddItem('admin', 'Administrator');
oTransfer.AddItem('editor', 'Editor', True);
oTransfer.AddItem('viewer', 'Viewer');
WebModule.Response := oTransfer.HTML; // dual panels + buttons + script
finally
oTransfer.Free;
end;
end;
// Or bind it straight to a dataset:
oTransfer.LoadFromDataSet(qryRoles, 'RoleId', 'RoleName', 'IsAssigned');
// includes: sgcHTML_Component_Transfer.hpp
TsgcHTMLComponent_Transfer *oTransfer = new TsgcHTMLComponent_Transfer(NULL);
try
{
oTransfer->TransferID = "roles";
oTransfer->FieldName = "roles";
oTransfer->TitleSource = "Available roles";
oTransfer->TitleTarget = "Assigned roles";
oTransfer->ShowFilter = true;
oTransfer->Height = "260px";
oTransfer->AddItem("admin", "Administrator", false);
oTransfer->AddItem("editor", "Editor", true);
oTransfer->AddItem("viewer", "Viewer", false);
String html = oTransfer->HTML; // dual panels + buttons + script
}
__finally
{
delete oTransfer;
}
using esegece.sgcWebSockets;
var transfer = new TsgcHTMLComponent_Transfer();
transfer.TransferID = "roles";
transfer.FieldName = "roles";
transfer.TitleSource = "Available roles";
transfer.TitleTarget = "Assigned roles";
transfer.ShowFilter = true;
transfer.Height = "260px";
transfer.AddItem("admin", "Administrator", false);
transfer.AddItem("editor", "Editor", true);
transfer.AddItem("viewer", "Viewer", false);
string html = transfer.HTML; // dual panels + buttons + script
Die Member, die Sie am häufigsten verwenden.
Items enthält die Zeilen, jede ein TsgcHTMLTransferItem mit Value, Text, Assigned und Disabled.
AddItem(aValue, aText, aAssigned) hängt eine Zeile an und platziert sie im Quell- oder Zielpanel.
LoadFromDataSet(aDataSet, aValueField, aTextField, aAssignedField) leert Items und befüllt es neu aus einem TDataSet.
TitleSource/TitleTarget beschriften die beiden Panels; AddCaption/RemoveCaption/AddAllCaption/RemoveAllCaption beschriften die vier Verschieben-Schaltflächen.
ShowFilter fügt jedem Panel ein Live-Suchfeld hinzu; FilterPlaceholder überschreibt dessen Platzhaltertext.
FieldName gibt beim Absenden ein verstecktes Eingabefeld pro zugewiesenem Element aus; Height begrenzt den Scrollbereich jedes Panels; TransferID setzt die Element-ID.
| Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente. | Öffnen | |
| Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |