Метод toODataString Выдает ошибку filterOperators (...) не является функцией Kendo Angular - PullRequest
Новая
       48

Метод toODataString Выдает ошибку filterOperators (...) не является функцией Kendo Angular

1 голос
/ 28 мая 2020

Я использую виджет фильтра Kendo Jquery в Angular. Для преобразования выражения фильтра в oData Query я использую метод toODataQuery и передаю ему состояние.

При добавлении групп я получаю 

 filterOperators(...) is not a function
    at odata-filtering.operators.js:69
    at funcs.js:4
    at odata-filtering.operators.js:70
    at Array.map (<anonymous>)

Я создал stackblitz для того же: https://stackblitz.com/edit/angular-ivy-gny5pv?file=src%2Fapp%2Fapp.component.ts

Я могу воспроизвести ошибку, но ошибка другая. Что я делаю не так ... ??

app.component.ts: 

import { Component, OnInit, ElementRef, ViewChild, Output, Input, EventEmitter } from '@angular/core';
import { CompositeFilterDescriptor, FilterDescriptor, State, toODataString, normalizeFilters } from '@progress/kendo-data-query';

declare var kendo: any;

@Component({
    selector: 'my-app',
    template: `
        <div #positionFilter></div>
    `
})
export class AppComponent implements OnInit {
    @ViewChild('positionFilter',{static: true}) positionFilter: ElementRef;
    public filterExpression: CompositeFilterDescriptor;
 public state: State = {
    skip: 0,
    take: 5,
    // Initial filter descriptor
    filter: null
  };

   ngOnInit() {
         this.loadFilter(this.positionFilter.nativeElement,  this.filterExpression);

   }

   public loadFilter(filterContainer,  expressionVal) {
    kendo.jQuery(filterContainer).kendoFilter({
      dataSource: [],
      //applyButton: false,
      expressionPreview: true,
      expression: expressionVal,
      change: this.onChangeFieldDropDownEvent.bind(this),
      fields: [
          { name: "ProductName",type: "string", label: "String" },
          { name: "CategoryID", type: "number", label: "Number"},
          { name: "UnitPrice", type: "boolean", label: "boolean"},
          { name: "UnitsInStock", type: "date", label: "Date" }
      ]
    });
  }



  onChangeFieldDropDownEvent(e) {
    console.log('Filter Expression--', e.expression);
    this.addSearch();
    this.filterExpression = e.expression;//.filters;
    this.updateState(this.filterExpression);
    let serializedFilterValue = this.serializeFilter(this.state);
    console.log('serializedFilterValue----', serializedFilterValue)

  }

  public updateState(filter) {
    this.state.filter = filter;
  }
  private serializeFilter(state: State): string {
    return toODataString(state);
  }

   public addSearch() {
    let container = this.positionFilter.nativeElement;
    kendo.jQuery(container).find(".k-filter-field select.k-filter-dropdown").each(function (i, x) {
      kendo.jQuery(x).data("kendoDropDownList").setOptions({ filter: "contains" });
    });
  }
}

1 Ответ

1 голос
/ 01 июня 2020

Я поднял этот вопрос в Kendo Team.

Вот что они предложили:

Проблема возникает, поскольку toODataString не может сериализовать пустые объекты фильтра. Возможное решение - удалить все пустые фильтры перед сериализацией параметров. например, 

  private serializeFilter(state: State): string {
    removeEmptyFilters(state.filter)
    return toODataString(state);
  }

  function removeEmptyFilters(expression){
    var that = this;
            if (expression.filters) {
            expression.filters =  kendo.jQuery.grep(expression.filters, function(filter) {
                removeEmptyFilters(filter);
                if (filter.filters) {
                    return filter.filters.length;
                } else {
                    return filter.value;
                }
            });
        }
  }
...