Transfer Component — sgcHTML | eSeGeCe

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

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.

Komponentenklasse

TsgcHTMLComponent_Transfer

Rendert

Bootstrap-5-Doppelpanel-Widget + scoped CSS

Sprachen

Delphi, C++ Builder, .NET

Elemente hinzufügen, Feldnamen setzen, rendern

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

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Elemente

Items enthält die Zeilen, jede ein TsgcHTMLTransferItem mit Value, Text, Assigned und Disabled.

AddItem

AddItem(aValue, aText, aAssigned) hängt eine Zeile an und platziert sie im Quell- oder Zielpanel.

LoadFromDataSet

LoadFromDataSet(aDataSet, aValueField, aTextField, aAssignedField) leert Items und befüllt es neu aus einem TDataSet.

Panel-Beschriftungen

TitleSource/TitleTarget beschriften die beiden Panels; AddCaption/RemoveCaption/AddAllCaption/RemoveAllCaption beschriften die vier Verschieben-Schaltflächen.

Filterung

ShowFilter fügt jedem Panel ein Live-Suchfeld hinzu; FilterPlaceholder überschreibt dessen Platzhaltertext.

Zurücksenden

FieldName gibt beim Absenden ein verstecktes Eingabefeld pro zugewiesenem Element aus; Height begrenzt den Scrollbereich jedes Panels; TransferID setzt die Element-ID.

Weiter entdecken

Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.
Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten.
Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.
PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.

Bereit loszulegen?

Laden Sie die kostenlose Testversion herunter und beginnen Sie, Web-UIs in Delphi, C++ Builder und .NET zu erstellen.