Kendo kendo-grid-column 可过滤道具上的 vue 包装器错误

Question

我试图在 Kendo 网格上使用下拉过滤器。但是我收到错误，

Invalid prop: type check failed for prop "filterable". Expected Boolean, got Object.

<kendo-grid-column :filterable="{
        ui: statusFilter,
        operators: {
            string:{
                eq : 'Is equal to'
            }
        }
    }" field="status" title="Client Status" width="10%"></kendo-grid-column>

状态过滤方法

statusFilter(element) {
  this.$http.get("list/getclientstatus").then(({ data }) => {
    element.kendoDropDownList({
      dataSource: data,
      dataTextField: "text",
      dataValueField: "value",
      optionLabel: "--Select Value--"
    });
  });

我在网格上使用 kendo vue-templates 作为动作方法，只能作为道具使用。

https://www.telerik.com/kendo-vue-ui/components/framework/vue-templates/

我使用的kendo网格版本：2018.2.516，

因此，我无法将此过滤器用作：

columns: [
    {
      field: "status",
      title: "Client Status",
      filterable: {
        ui: this.statusFilter,
        operators: {
          string: {
            eq: "Is equal to"
          }
        }
      }
    }

这个方法对我来说效果很好。但是作为对象的可过滤道具不适用于我的情况。

这个问题的解决方法是什么？

请帮忙！

Answer 1

我更新了我的 kendo vue ui 包装器版本，它按预期工作。

"@progress/kendo-grid-vue-wrapper": "^2018.2.620",

Kendo kendo-grid-column 可过滤道具上的 vue 包装器错误

Kendo vue wrapper error on kendo-grid-column filterable props

kendo-ui-vue