时间戳

首页 > 解决方案 > kendo-grid-column 可过滤道具上的 Kendo vue 包装器错误

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

问题描述

我试图在 Kendo Grid 上使用下拉过滤器。但我得到了错误，

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--"
    });
  });

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

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

我正在使用的剑道网格版本：2018.2.516，

所以，我不能将此过滤器用作：

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

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

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

请帮忙！

标签： kendo-ui-vue

解决方案

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

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

推荐阅读