We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
@Grid
<input type="button" value="filter" ej-button id="button" (click)="buttonClick($event)" />
<ej-grid #grid [dataSource]="gridData" [allowPaging]="true" (create)="create($event)" [allowFiltering]="true" [filterSettings]="filter" >
</ej-grid>
@Create event
create(e: any) {
//create event in Grid
var isNull = function (val) {
return val === undefined || val === null;
};
var toLowerCase = function (val) {
return val ? val.toLowerCase ? val.toLowerCase() : val.toString().toLowerCase() : (val === 0 || val === false) ? val.toString() : "";
};
var b = {
//set the customized filter operator
notcontains: function (actual, expected, ignoreCase) {
if (ignoreCase)
return !(!isNull(actual) && !isNull(expected) && toLowerCase(actual).indexOf(toLowerCase(expected)) != -1);
return !(!isNull(actual) && !isNull(expected) && actual.toString().indexOf(expected) != -1);
}
}
var a = $.extend(true, ej.data.fnOperators, b);// add the customized filter operator to default filters
} |
|
@button click event
buttonClick(e: any) {
this.Grid.widget.filterColumn("Column2", "notcontains", "CC"); //filter the column based on customized operator
} |
