BlazorDatasheet 로 ComboBox 데이터 표시하기

BlazorDatasheet 로 ComboBox 데이터 표시하기

 

BlazorDatasheet 로 ComboBox 데이터를 표시하려면 Type 을 select 로 해야 합니다.

1. 콤보에 사용될 데이터 정의

// 콤보에 사용될 데이터
var names = new SourceValidator(new List<string> { "Laptop", "Keyboard", "Mouse"}, false);

SourceValidator 로 콤보에 들어갈 데이터를 설정했습니다.

 

2. ComboBox를 적용할 컬럼 설정

// 첫 번째 컬럼의 모든 셀을 "select" 타입으로 변경
sheet.Cells.SetType(new ColumnRegion(1), "select");

// 해당 컬럼에 SourceValidator 추가
sheet.Validators.Add(new ColumnRegion(1), names);

이 코드를 통해 첫 번째 컬럼(0이 아닌 1번째 컬럼)의 모든 셀을 select 타입으로 지정하고, SourceValidator를 추가하여 지정된 값만 선택할 수 있도록 설정합니다.

 

SourceValidator 인자로 마지막의 isStrict(bool) 값은..

false
ComboBox의 데이터 외에도 사용자가 임의의 값을 입력할 수 있으며, 입력한 값이 리스트에 포함되지 않으면 빨간색으로 표시됩니다.

true
오직 ComboBox 데이터에서만 선택할 수 있습니다.

 

결과