Question

我试图在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/

我正在使用的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",

剑道网格列可过滤道具上的剑道vue包装器错误

1 个答案: