Ag-Grid: пользовательский плавающий фильтр Vue с автозаполнением Multiselect - PullRequest
Новая
       29

Ag-Grid: пользовательский плавающий фильтр Vue с автозаполнением Multiselect

0 голосов
/ 21 января 2020

Код ниже - мой пользовательский плавающий фильтр. Это очень просто и работает. Где мне обращаться с логикой c, чтобы сказать, что элемент строки действителен или нет? В моем примере это могут быть значения 201-210. Например, пользователь может искать только 201. Это работает с кодом ниже. Как мне обработать сценарий, в котором пользователь ищет [201,202,203]?

Еще один вопрос. Каковы параметры для первого параметра в instance.onFloatingFilterChanged?

Я пробовал плавающийFilterComponentParams: компаратор, но он никогда не вызывался. Я пытался создать собственный фильтр, но он не работал. 


export default Vue.extend({
  template: `
    <input
      :value="currentValue"
      @change="valueChanged($event)"
    />`,

  data: function() {
    return {
      currentValue: '',
    }
  },

  beforeMount() {
  },

  mounted() {},

  methods: {
    valueChanged(event) {
      this.currentValue = event.target.value
      let valueToUse = this.currentValue === '' ? null : this.currentValue
      this.params.parentFilterInstance(function(instance) {
        instance.onFloatingFilterChanged('equals', valueToUse)
      })
    },

    onParentModelChanged(parentModel) {
      this.currentValue = !parentModel ? '' : parentModel.filter
    },
  },
})````
...