Transfer 컴포넌트 — sgcHTML | eSeGeCe

Transfer

TsgcHTMLComponent_Transfer — Delphi, C++ Builder 및 .NET에서 필터링과 데이터셋 바인딩을 갖춘, 사용 가능 패널과 할당됨 패널 사이에서 항목을 이동하는 듀얼 리스트박스 전송 위젯을 렌더링합니다.

TsgcHTMLComponent_Transfer

항목을 추가하고(또는 데이터셋을 바인딩하고), 방문자가 버튼, 더블 클릭 또는 필터 상자로 두 패널 사이에서 항목을 이동할 수 있게 한 다음, HTML 속성을 읽습니다.

컴포넌트 클래스

TsgcHTMLComponent_Transfer

렌더링

Bootstrap 5 듀얼 패널 위젯 + 범위 지정 CSS

패밀리

폼 및 입력

언어

Delphi, C++ Builder, .NET

항목을 추가하고, 필드 이름을 설정하고, 렌더링하기

각 행에 대해 AddItem을 호출하고(또는 전체 데이터셋에는 LoadFromDataSet을 사용하고), 할당된 항목이 숨겨진 입력으로 다시 전송되도록 FieldName을 설정한 다음, 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

주요 속성 및 메서드

가장 자주 사용하게 되는 멤버.

항목

Items는 행을 담으며, 각 행은 Value, Text, AssignedDisabled를 가진 TsgcHTMLTransferItem입니다.

AddItem

AddItem(aValue, aText, aAssigned)는 행을 추가하고 소스 또는 대상 패널에 배치합니다.

LoadFromDataSet

LoadFromDataSet(aDataSet, aValueField, aTextField, aAssignedField)Items를 지우고 TDataSet에서 다시 채웁니다.

패널 캡션

TitleSource/TitleTarget는 두 패널에 레이블을 붙입니다. AddCaption/RemoveCaption/AddAllCaption/RemoveAllCaption은 네 개의 이동 버튼에 레이블을 붙입니다.

필터링

ShowFilter는 각 패널에 실시간 검색 상자를 추가합니다. FilterPlaceholder는 자리 표시자 텍스트를 재정의합니다.

다시 전송하기

FieldName은 제출 시 할당된 항목마다 하나의 숨겨진 입력을 내보냅니다. Height는 각 패널의 스크롤 영역 상한을 정합니다. TransferID는 요소 id를 설정합니다.

계속 살펴보기

온라인 도움말이 찱포넌트의 전체 API 참조 및 사용 가이드입니다.
모든 sgcHTML 컴포넌트80개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI를 구축하기 시작하십시오.