[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.

    Blazor 그리드 필터링 개요

    Ignite UI for Blazor 필터링되는 열의 데이터 형식을 기반으로 표현적인 정렬 조건을 수행할 수 있는 기능을 제공하는 필터 행과 API가 모두 포함된 열 필터링이 포함되어 있습니다.

    Blazor Grid Filtering Example

    위에서 볼 수 있듯이 FilterUIType 속성을 FilterRow로 설정하면 사용자가 레코드를 필터링하기 위한 필터 기준을 지정할 수 있는 사용자 인터페이스에 대한 레코드 필터링 레코드가 활성화됩니다. 지정된 필터 기준과 일치하지 않는 레코드는 숨겨집니다.

    필드를 마우스로 가리키고 세로 줄임표를 클릭하면 열 옵션 UI에도 필터링이 표시됩니다. 이는 FilterUIType을 ColumnOptions로 설정하면 달성됩니다. 아래 샘플을 참고해주세요.

    Filter Expressions

    아래 예에서는 데이터 그리드의 FilterExpressions 컬렉션이 업데이트되어 사용자 지정 FilterExpressions 통합합니다.

    Filter Operators

    열에는 필터 행 피연산자 드롭다운에 표시되는 사용자 정의 IgbFilterOperand 제공될 수 있습니다. 핵심 요구 사항은 피연산자에 DisplayName 지정되었는지 확인하고 피연산자에서 FilterRequested 이벤트를 활용하여 FilterFactory 적용할 수 있도록 하는 것입니다. 이는 열을 필터링할 연산자와 값을 할당하는 일을 담당합니다(예: 값이 있는 StartsWith). "A"의.

    또한 그리드의 FilterLogicalOperator 속성은 필드 전체의 필터가 결합되는 방식을 나타내는 역할을 합니다.

    • and 논리 연산자. 성공적인 매치를 위해서는 모든 조건이 통과되어야 합니다.
    • or 논리 연산자. 성공적인 매치를 위해서는 적어도 하나의 조건을 통과해야 합니다.

    피연산자는 열에 적용되므로 인라인, 코드 내 또는 별도의 클래스와 같은 여러 방법으로 추가할 수 있습니다. 각 접근 방식은 아래 예에서 설명됩니다.

    API References