如何在 Ag-Grid 中设置过滤器的默认值?
How can I set default value for a filter in Ag-Grid?
我想为 Ag-Grid 中的列过滤器设置默认值,该过滤器在初始化后处于活动状态。我该怎么做?
查看 example that is on the webpage under Filtering 有一个用于过滤的输入标签。您需要对此示例进行的唯一更改是使用 value=""
属性为输入提供初始值。
或者,您可以使用已设置的网格选项的 onGridReady attribute。此属性需要一个函数回调。所以做这样的事情:
var gridOptions{
columnDefs: columnDefs,
...
onGridReady: initialFilter,
}
function initialFilter(){
gridOptions.api.setQuickFilter("initial filter value")
}
如果您使用无限模型,则方法是在 onGridReady 函数期间设置过滤器模型。
setFilter 采用通常提供给 getRows IDataSource 调用的模型,因此您可以从那里获取对象。例如:
const filter = {filterItem :{
"dateFrom": '2021-08-09',
"dateTo": null,
"type": "equals",
"filterType": "date"
}}
gridApi.setFilterModel(filter);
此处的字段名称是“filterItem”。网格将使用此筛选器调用 getRows,它会与筛选器图标一起显示在显示器中。
我想为 Ag-Grid 中的列过滤器设置默认值,该过滤器在初始化后处于活动状态。我该怎么做?
查看 example that is on the webpage under Filtering 有一个用于过滤的输入标签。您需要对此示例进行的唯一更改是使用 value=""
属性为输入提供初始值。
或者,您可以使用已设置的网格选项的 onGridReady attribute。此属性需要一个函数回调。所以做这样的事情:
var gridOptions{
columnDefs: columnDefs,
...
onGridReady: initialFilter,
}
function initialFilter(){
gridOptions.api.setQuickFilter("initial filter value")
}
如果您使用无限模型,则方法是在 onGridReady 函数期间设置过滤器模型。
setFilter 采用通常提供给 getRows IDataSource 调用的模型,因此您可以从那里获取对象。例如:
const filter = {filterItem :{
"dateFrom": '2021-08-09',
"dateTo": null,
"type": "equals",
"filterType": "date"
}}
gridApi.setFilterModel(filter);
此处的字段名称是“filterItem”。网格将使用此筛选器调用 getRows,它会与筛选器图标一起显示在显示器中。