Aurelia Kendo 网格 - 搜索栏未显示

Question

使用 Aurelia 和 Kendo UI，如何显示搜索栏？

我想要这个：

但我明白了：

我想显示搜索栏，但我得到一个 'search' 按钮。

Kendo 文档：https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/search.fields

我的例子：https://gist.run?id=ede27170780f6d9116808aab52cf5b68

app.html

<template>
  <require from="aurelia-kendoui-bridge/grid/grid"></require>
  <require from="aurelia-kendoui-bridge/grid/col"></require>

  <ak-grid k-data-source.bind="datasource"
           k-toolbar.bind="['search']">
    <ak-col k-title="name" k-field="name"></ak-col>
    <ak-col k-title="age" k-field="age"></ak-col>
  </ak-grid>
</template>

app.js

export class App {
  constructor() {
    this.datasource = {
      data: [
          { name: "Jane", age: 30 }, 
          { name: "John", age: 33 }
      ],
      schema: {
          model: {
              fields: {
                  name: { },
                  age: { type: "number" }
              }
          }
      }
    };
  }
}

Answer 1

您使用的是旧版本的 kenko ui。

更新了版本，似乎有效：

https://gist.run/?id=69af4f41d3606134e38741d54294330a

Aurelia Kendo 网格 - 搜索栏未显示

Aurelia Kendo Grid - Search bar not displaying

aurelia

kendo-ui-grid