javascript - 仅在按下 Enter 时允许剑道网格服务器过滤 API 调用

Question

我正在使用带有服务器过滤功能的 Angular Kendo 网格。输入第一个字符时，剑道触发 API 调用(网格过滤处于行模式)。我想知道有没有办法限制 API 调用，直到用户输入 3 个字符或按回车键。

我的网格配置如下:

 vm.grid.setOptions({
  groupable: true,
  sortable: true,
  resizable: true,
  scrollable: true,
  reorderable: true,
  columns: gridColumns,
  excel: {
      allPages: true
  },
  page:2,
  pageable: {
    pageSizes: [10, 20, 50]
  },
  dataSource : {
    page:1,
    transport:{
      read: {
        url: pageurl,
        contentType: "application/json; charset=utf-8",
        type: "POST",
        dataType: "json"                        
      },
      parameterMap: function (options) {
        reqObject.FilterData = {};
        //omitted for brevity  
        var request=JSON.stringify(reqObject);
        return request;
      }
    },
    schema: {
      data: dataField,
      total: totalCount          
    },        
    filter:{
      filters:[]
    },
    autoBind: false,
    pageSize: 10,
    serverPaging: true,
    serverSorting: true,
    serverFiltering: true
  },
  filterable: {
    mode: "row"
  },
   columnMenu: {
    columns: false
  }     

});

Answer 1

如果您希望它在至少输入 3 个字符时触发，您可以在列级别指定一个 minLength。

我还建议添加一个延迟，这样如果他们继续输入，它将等到他们暂停足够长的时间来运行过滤器。

columns: [{
   field: "Name",
   title: "Name",
   filterable: {
       cell: {
           delay: 1000,
           minLength: 3
       }
   }
}