跳到内容

GridToolbarQuickFilterAPI

React GridToolbarQuickFilter 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。

演示

导入

import { GridToolbarQuickFilter } from '@mui/x-data-grid/components';
// or
import { GridToolbarQuickFilter } from '@mui/x-data-grid';
// or
import { GridToolbarQuickFilter } from '@mui/x-data-grid-pro';
// or
import { GridToolbarQuickFilter } from '@mui/x-data-grid-premium';

阅读关于最小化 bundle size 的指南，了解它们之间的区别。

Props

延迟防抖的时间，以毫秒为单位。

类型:number

默认值:150

当模型修改时，负责将快速筛选器的值格式化为字符串的函数

类型:func

默认值:(values: string[]) => values.join(' ')

签名:
function(values: Array) => 字符串
  • values 传递给快速筛选器模型的新值

返回: 要在文本字段中显示的字符串

负责将文本输入解析为独立的快速筛选值的数组的函数。

类型:func

默认值:(searchText: string) => searchText .split(' ') .filter((word) => word !== '')

签名:
function(input: 字符串) => Array
  • input 用户输入的值

返回: 应用快速筛选的值的数组

ref 被转发到根元素。

CSS 类名

这些类名对于使用 CSS 设置样式很有用。当特定状态被触发时，它们会被应用到组件的插槽。

应用于根元素的样式。

规则名称:root


您可以使用以下自定义选项之一来覆盖组件的样式

  • 使用全局类名。
  • 使用作为自定义主题中组件的 styleOverrides 属性一部分的规则名称。

源代码

如果您在此页面中找不到信息，请考虑查看组件的实现以获取更多详细信息。