• 필터 허용
• 코드 기반 필터링
  • 특정 열에만 필터 활성화 하는 방법
  • 특정 열에 필터 조건 설정하는 방법
• 사용자 정의 필터링
• 필터링 제거

• 필터 행
  필터 행은 필터링 기준을 표시하기 위한 전용 행으로, 열 해더 바로 아래에 나타납니다. 따라서 사용자는 항상 필터링된 열과 현재 필터링 기준을 볼 수 있습니다. 다만, 필터 행을 표시하기 위한 추가적인 화면 공간이 사용됩니다. FlexGrid에서 사용자 정의 구현을 동해 쉽게 필터 행을 사용하실 수 있습니다.
  
  
  
  
• 헤더 기반 필터
  열 헤더 셀에 필터링 아이콘이 표시되어, 드롭다운에서 필터 지정 옵션을 제공하고, 특정 열에 필터가 적용되어있는지 여부가 나타납니다. 헤더 기반 필터는 C1FlexGrid에서 그리드의 AllowFiltering 속성을 사용하여 간단하게 설정할 수 있으며, 사용자의 필요에 따라 유연하게 커스터마이징할 수 있습니다. 자세한 내용은 이어지는 본문에서 살펴보겠습니다.
  

c1FlexGrid1.AllowFiltering = true;

이렇게 하면 그리드의 모든 열에서 기본 ColumnFilter가 활성화됩니다. ColumnFilter를 사용하면 런타임 시 ValuFilter 및 ConditionalFilter 중 하나를 선택하여 적용할 수 있습니다.

1. 먼저 그리드에 필터를 허용합니다.
   

   c1FlexGrid1.AllowFiltering = true;

2. 조건문을 사용하여 열을 하나씩 탐색합니다. 조건문 내부에 다음 코드를 삽입합니다.
   - 열의 데이터 타입이 string인 경우: 해당 열의 AllowFiltering 속성 값을 Default로 설정하여, ColumnFilter를 활성화 합니다.
   - 열의 데이터 타입이 string이 아닌 경우: 해당 열의 AllowFiltering 속성 값을 None으로 설정하여, 해당 열에 대한 필터링을 비활성화 합니다.
   

   foreach(Column c in c1FlexGrid1.Cols)
   {
       c.AllowFiltering = c.DataType == typeof(string)
           ? AllowFiltering.Default
           : AllowFiltering.None;
   }

3. 실행 결과, 데이터 유형이 문자열인 열에 대해서만 필터가 적용되어었음을 확인하실 수 있습니다.

1. 먼저 그리드에 필터를 허용합니다.
   

   c1FlexGrid1.AllowFiltering = true;

2. 새 ConditionalFilter 개체를 생성합니다.

   ConditionFilter filter = new ConditionFilter();

3. Operator 속성과 Parameter 속성을 사용하여, 필터의 첫번째 조건을 설정합니다. 예시에서는 "Visa"와 동일한 항목만 보여지도록 필터 조건을 설정하였습니다.

   filter.Condition1.Operator = ConditionOperator.Equals;
   filter.Condition1.Parameter = "Visa";

4. "PaymentType" 열에, 설정한 필터를 할당합니다.

   c1FlexGrid1.Cols["PaymentType"].Filter = filter;

5. 필터를 적용합니다.

   c1FlexGrid1.ApplyFilters();

6. 실행 결과, 다음과 같이 "PaymentType" 열에 입력된 값이 "Visa"인 항목들만 보여지는 것을 확인하실 수 있습니다.
   
   
   
   

1. 먼저 필터 조건에 맞지 않는 행에 적용할 스타일을 적용합니다.

   // 필터에 의해 제외된 행에 대한 스타일을 생성합니다.
   var cs = c1FlexGrid1.Styles.Add( "filteredOut" );
   cs.BackColor = Color.LightGray;
   cs.ForeColor = Color.DarkGray;

2. BeforeFilter 이벤트를 정의합니다.

   private void C1FlexGrid1_BeforeFilter(object sender, CancelEventArgs e)
   {
       // 컨트롤이 업데이트될 때까지 자체 업데이트를 방지하여 성능을 유지합니다.
       c1FlexGrid1.BeginUpdate();
   }

3. AfterFilter 이벤트를 정의합니다.

   private void C1FlexGrid1_AfterFilter(object sender, EventArgs e)
   {
       // 필터링된 행을 표시하는 데 사용되는 스타일을 가져옵니다.
       var cs = c1FlexGrid1.Styles["filteredOut"];
   
       // 필터링된 행에 대하여, filteredOut 스타일을 적용합니다.
       for (int r = c1FlexGrid1.Rows.Fixed; r < c1FlexGrid1.Rows.Count; r++)
       {
           var row = c1FlexGrid1.Rows[r];
           if (row.Visible)
           {
               // 필터링 되지 않은 행에 대해서는 스타일을 초기화합니다.
               row.Style = null;
           }
           else
           {
               // 필터링된 행이 다시 보여지도록 한 후, 스타일을 적용합니다.
               row.Visible = true;
               row.Style = cs;
           }
       }
   
       // 컨트롤 업데이트를 재개합니다.
       c1FlexGrid1.EndUpdate();
   }

4. 코드를 실행한 후 필터를 적용해보면, 필터 조건에 맞지 않는 행이 숨겨지는 대신, 설정한 색상으로 변경되는 것을 확인하실 수 있습니다.
   
   
    

// 필터 정의를 빈 문자열로 설정하여 필터링을 제거합니다.
c1FlexGrid1.FilterDefinition = string .Empty;

지금 바로 ComponentOne을 다운로드하여 직접 테스트해보세요!

• ComponentOne 공식 홈페이지

• ComponentOne 튜토리얼 및 샘플

• ComponentOne Q&A

• ComponentOne FAQ