applyfilter во время выполнения, похоже, неправильно фильтрует данные

Я использую jqxgrid и мне нужно реализовать фильтрацию. Я заметил, что у него есть фильтрация, поэтому я искал, как я могу использовать уже существующие инструменты. Для справки: https://www.jqwidgets.com/angular-components-documentation/documentation/jqxgrid/angular-grid-filtering.htm?search=

Поэтому я реализую поле ввода с кнопкой, которая запускает событие: filterClick() и правильно получает правильные данные для создания и применения фильтра:

Информация: isFilterSet — это логическое значение, назначенное фильтруемому полю jqxGrid. grid — ссылка на jqxgrid filterText — ссылка на поле ввода

filterClicked(): void {
  let filtergroup = new jqx.filter();
  let filter_or_operator = "or";
  let filterCondition = "contains";
  let filterValue = this.filterText.nativeElement.value;  //confirmed.
  let f = filter.createfilter("stringfilter", filterValue, filterCondition);

  for (let col in this.datafields){
     // confirmed col.name == columnname
     this.grid.addfilter(col.name, filter);
  }

  this.isFilterSet = true;
  this.grid.applyfilters();
}

Я удалил информацию, но сама сетка, похоже, не обновляется.

Есть ли что-то, что я делаю неправильно? Сама сетка не обновляется, но я следил за ней и не видел, чтобы кто-то выпрыгивал на меня. Я также попытался переместить создание группы фильтров внутрь массива на тот случай, если ему не понравилось совместное использование объекта.

у меня нет ошибок


typescript angular jqxgrid jqxwidgets
person Fallenreaper    schedule 11.12.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Поскольку у меня это не сработало, я обработал фильтрацию самостоятельно, сохранив копию данных, но обновив адаптер данных новым массивом, который будет срабатывать при изменении.

setDataAdapter () : void {
    // this.data is the base array object containing all info
    let filterValue : string = "";
    if (this.filterText) filterValue = this.filterText.nativeElement.value;
    let reg = RegExp(filterValue, "ig");

    let src: any =
    {
      // if the input is empty, then it would just use data, otherwise it would filter.   My filter is only filtering strings, is case inspecific and tests the entire string.
      localdata: filterValue == "" ? this.data : this.data.filter( row => {
        for ( let key of Object.keys(row)){
          let content = row[key];
          if (typeof content === "string" && reg.test(content)){
            return true;
          }
        }
        return false;
      }),
      datatype: 'array',
      datafields: this.dataFields
    };

    this.grid.clearselection();
    this.dataAdapter = new jqx.dataAdapter(src);
  }
person Fallenreaper    schedule 11.12.2018