New to Kendo UI for Angular? Start a free 30-day trial

IsNotNullFilterOperatorComponent

Component

Represents the IsNotNull (Is not null) filter operator. See example. Use this operator to filter out values that are not null. For more information and examples, see the article on setting default filter operators.

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-filter-isnotnull-operator

Syntax:

html
<kendo-grid-column field="ProductName" title="Product Name">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-string-filter-cell
      [column]="column"
      [filter]="filter">
      <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
    </kendo-grid-string-filter-cell>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="UnitPrice" title="Price">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-numeric-filter-cell
      [column]="column"
      [filter]="filter">
      <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
    </kendo-grid-numeric-filter-cell>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="FirstOrderedOn">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-date-filter-cell
      [column]="column"
      [filter]="filter">
      <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
     </kendo-grid-date-filter-cell>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="ProductName" title="Product Name">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-string-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
      <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
    </kendo-grid-string-filter-menu>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="UnitPrice" title="Price">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-numeric-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
      <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
    </kendo-grid-numeric-filter-menu>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="FirstOrderedOn">
 <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
   <kendo-grid-date-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
      <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
    </kendo-grid-date-filter-menu>
  </ng-template>
</kendo-grid-column>

Fields

text

string

The text that will be displayed in the drop-down list.