MultiSelect
TsgcHTMLComponent_MultiSelect — Delphi, C++ Builder 및 .NET에서 칩, 그룹화된 옵션 및 데이터셋 바인딩을 갖춘 검색 가능한 다중 선택 드롭다운을 렌더링합니다.
TsgcHTMLComponent_MultiSelect — Delphi, C++ Builder 및 .NET에서 칩, 그룹화된 옵션 및 데이터셋 바인딩을 갖춘 검색 가능한 다중 선택 드롭다운을 렌더링합니다.
선택 항목을 칩으로 유지하는 드롭다운 컨트롤입니다. 옵션을 추가하고(또는 데이터셋을 바인딩하고), 선택적으로 그룹화하고 선택 항목 수를 제한한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_MultiSelect
Bootstrap 드롭다운 + 칩(독립형 위젯)
Delphi, C++ Builder, .NET
Placeholder, FieldName 및 Size를 설정하고, AddOption으로 옵션을 추가한(또는 LoadFromDataSet으로 바인딩한) 다음, HTML을 읽습니다.
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가장 자주 사용하게 되는 멤버.
Options는 TsgcHTMLMultiSelectOption의 컬렉션입니다(각각 Value, Text, Selected, Disabled 및 Group을 가짐).
AddOption(aValue, aText, aSelected)는 단일 항목을 추가합니다. 그룹화된 항목은 동일한 Group 값을 공유하며 드롭다운 헤더 아래에 렌더링됩니다.
LoadFromDataSet(aDataSet, aValueField, aTextField, aSelectedField)는 쿼리로부터 Options를 지우고 다시 채웁니다.
ShowSearch(기본값 True)는 드롭다운 내부에 필터 상자를 추가합니다. SearchPlaceholder와 NoResultsText는 해당 캡션을 재정의하며, 지정하지 않으면 활성 로케일 값을 사용합니다.
MaxSelections는 한 번에 선택할 수 있는 칩의 개수를 제한합니다(0은 무제한을 의미). Size(mssDefault, mssSmall, mssLarge)는 Bootstrap의 form-select 크기 조정과 일치합니다.
FieldName은 선택된 옵션마다 하나의 숨겨진 <input>을 렌더링하여 폼이 모든 값을 전송하도록 합니다. MultiSelectID는 요소 id를 설정합니다.