Ag-Grid外部过滤不响应状态更改
Ag-Grid是一个用于构建数据网格的JavaScript库，它提供了丰富的功能和灵活的配置选项。外部过滤是Ag-Grid的一项重要功能，它允许我们使用自定义逻辑来过滤数据。
当我们在Ag-Grid中使用外部过滤时，可能会遇到状态更改不响应的问题。这可能是由于以下几个原因导致的：
- 数据绑定问题：确保你正确地绑定了过滤器的状态和数据网格。通常，我们会使用双向数据绑定来确保状态的更改能够正确地反映在过滤器和数据网格之间。
- 异步操作：如果你在过滤器中执行了异步操作，例如从服务器获取数据，那么你需要确保在数据返回之后更新状态。可以使用Promise或者async/await来处理异步操作，并在数据返回后手动更新过滤器的状态。
- 生命周期钩子问题：在某些情况下，可能需要在Ag-Grid的生命周期钩子函数中手动触发状态更改。例如，在组件的ngOnInit()或者mounted()函数中，你可以手动更新过滤器的状态，以确保它能够正确地响应状态更改。
总结起来，要解决Ag-Grid外部过滤不响应状态更改的问题，我们需要确保正确地绑定了过滤器的状态和数据网格，处理异步操作，并在必要的时候手动触发状态更改。此外，还可以参考Ag-Grid的官方文档和示例代码，以获取更多关于外部过滤的详细信息和最佳实践。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。你可以通过腾讯云的官方网站（https://cloud.tencent.com/）了解更多关于这些产品的信息和使用指南。
相关·内容
我们使用的是ag-Grid v9。我们更新到了ag-Grid v19。我们有一个下拉列表，其中加载了多个类别，我们可以一次选择一个类别，其数据将加载到ag-Grid中。我们对选定的类别应用列过滤器，并对相应的行进行过滤。但是，当我们更改类别时，应用的过滤器不会保留。早些时候，在v9中它工作正常，我们使用OnAfterFilterChanged()，但是在v19中，它被弃用，所以我们使用onFilterChanged()
浏览 26提问于2019-02-18得票数 0
我创建了带有自定义列过滤器的Ag网格。当我在表中添加行时，筛选器不会更新。
请给我专家建议？
<ag-grid-angular #agGrid class="ag-theme-balham cis-ag-grid" [defaultColDef]="defaultColDef"
[columnDefs]="columnDefs" [rowSelection]="rowSelection" [rowData]="rowData" [suppressMenuHide]="t
浏览 2提问于2019-07-04得票数 0
最近，我们在项目中使用了ag-grid。之前，我们只是使用ag-grid社区版本进行尝试。但是，我们想尝试一下企业版。我们同时导入社区和企业版，如下所示： "ag-grid-community": "^24.1.0",
"ag-grid-enterprise": "^24.1.0", 除了浮动滤镜是灰色的之外，所有的函数都可以正常工作。 可以同时导入ag-grid-community和ag-grid-enterprise吗？或者我们应该只导入其中的一个？ 如果我们可以同时导入这两个模块，如何解决所有浮动过滤器都被禁用的问题？ 浮
浏览 20提问于2020-12-22得票数 0
我的标题几乎说明了一切。我想对ag-grid中的每一列和每一行运行全文搜索(简单的包含或类似搜索)。这个是可能的吗？这是内置到数据表中的。
浏览 0提问于2016-03-08得票数 3
我有一个带有服务器端数据源，服务器端过滤的ag-grid。我想使用querystring参数来设置此网格的默认筛选器值。我怎么能做到呢？
我找到了gridOptions.api.getFilterInstance，但本例中的问题是网格在初始化后立即设置ajax请求，然后发送另一个ajax以获取该缺省筛选器值，因此我有两个ajax请求，而不是在初始化时只有一个。
浏览 15提问于2017-06-17得票数 2
4回答
我有一个Ionic/Angular应用程序使用ag-grid。我希望某些网格在加载网格时自动应用过滤器--用户不必做任何事情。
我尝试了以下几点：
onGridReady(params) {
params.api.sizeColumnsToFit();
// get filter instance
var filterComponent = params.api.getFilterInstance("isActive");
// OR set filter model and update
filterComponent.setModel({
typ
浏览 0提问于2018-03-23得票数 17
回答已采纳
1回答
对于我正在进行的一个项目，我们使用AG-Grid，并从服务器加载数据。
用户可以选择上传文件，这些文件将在开始上传后立即显示在网格上(具有上载状态)。
目标是在上传完成后刷新网格，所以当我们的Redux函数成功时。这是因为这样，当上传状态发生变化时，我们就会更新网格，这样用户就不必刷新浏览器来查看其上传的最新更新。
有什么问题？
目前，我们在其他组件中使用一个AG-Grid api引用来触发类似的AG-Grid操作(例如重新加载)。
但是，我们不能将该引用传递给Redux片段，因为您不能在其中具有不可序列化的值。
可能的解决方案？
是否有一种方法可以将AG-Grid的引用传递给refe
浏览 4提问于2021-02-12得票数 1
回答已采纳
1回答
我想增加带有特定列的ag-grid过滤器的宽度。
我试着用css来修正，但是它会影响到每一列。
提前谢谢
浏览 3提问于2021-04-23得票数 3
1回答
在ag-grid中有没有为过滤器设置配对键值的表单？(向用户显示与在filterModel中设置的值不同的值)
filterParams: {
values: { tyt: "Toyota",
frd: "Ford",
prs: "Porsche",
nss: "Nissan"
},
}
filterParams: {
values: ["Toyota", "Ford", "Porsche", "
浏览 4提问于2019-02-05得票数 0
我正在尝试将react-date picker与ag-grid ag-grid结合起来，提供了使用自定义日期选择器的文档，但我想知道是否有人成功地尝试将react-datepicker与ag-grid一起使用，如果有，可以提供示例吗？ Ag网格示例：https://www.ag-grid.com/javascript-grid/component-date/
浏览 32提问于2021-03-18得票数 2
回答已采纳
我正在实现ag-grid master-detail。总的来说，它工作得很好。
我面临的问题是，当我筛选主网格时，子记录不会显示在展开的主记录上。
我不知道是ag-grid的bug，还是我的代码中缺少了什么。
需要注意的是，当我看到console时，没有抛出任何错误，而且仍然没有获取数据。因此，在筛选条件下展开master时，控件应该放在哪里。
我不会张贴代码，因为它将是大的。在有人能够阐明这个问题之前，这将是有帮助的。
浏览 3提问于2018-02-23得票数 0
1回答
在ag-grid中，我只找到了自定义的日期过滤器，但除了时间之外，我找不到任何用于过滤的东西。有没有人可以帮我做自定义过滤，只是为了时间。我有像hh:mm这样的列数据格式。我需要给用户过滤时间的特权。
我正在使用angularJs和免费版本的ag-grid。
浏览 4提问于2018-10-17得票数 1
我使用的是ag-grid 22.1.1版本，在过滤器列表中我看不到我设置了属性的工具提示
filterParams:{showTooltips:true}` in specific column fields.
下面是类似于ag-grid文档的
致谢和问候
浏览 8提问于2021-04-30得票数 0
1回答
对于ag-Grid表，我有以下ColDef：
const checkboxRenderer: React.SFC<ICellRendererParams> = params => {
const checked = find(this.state.selectedOptions, x => x.id === params.data.id) != null;
return (
<div className="custom__cb">
<input type="checkbox" checked=
浏览 2提问于2018-12-07得票数 0
1回答
我的项目使用的是ag-grid社区版本。它是否支持服务器端过滤和分页？如果不是，我们如何为ag-grid社区版本应用过滤？
浏览 33提问于2020-11-13得票数 0
回答已采纳
我使用的是ag-grid enterprise的set filter，如下所示：
是否可以在其中显示全选选项，以显示/隐藏所示图像中的列？
浏览 7提问于2016-10-07得票数 0
3回答
我开始使用ag-grid，我需要在我的应用程序中进行一些更改，其中之一是当数据加载到表中时，在我的页脚中显示记录的数量，但当我开始筛选表中的数据时，当前行的数量开始减少。过滤数据时可以得到当前记录的长度吗？有没有一种方法可以获得当前过滤器的数据？
要实现的示例如下：
Data Loaded:
10/10
Data after being filtered:
7/10
浏览 14提问于2016-09-08得票数 0
将出现一个错误框，并显示java heap space error消息。这个错误意味着什么。我解不出来。它会导致不响应eclipse的状态。
浏览 0提问于2014-02-20得票数 0
1回答
我正尝试在我的ReactJS页面的ag-grid上的按钮单击事件上动态添加一个新行。 下面的代码适用于我，当我在设计时知道固定的列数时。 let row ={
products1: "a",
products2: "b",
products3: "c"
}
gridApi.updateRowData(add: [row]) 但是，如果列数是可变的，并且只在运行时知道，我也需要让它正常工作。不确定这在ReactJS/ag-grid中是否可行？ 这里需要使用数组的地图功能吗？？到目前为止，我已经尝试了下面的方法，但给出了语法错误。 const r
浏览 110提问于2021-09-22得票数 0
尝试使用最适合的ag-grid，package.json是这样的： "ag-grid": "^18.1.2",
"ag-grid-angular": "^14.0.0",
"ag-grid-community": "^14.0.0",
"angular2-moment": "^1.9.0",
"@syncfusion/ej2": "^16.3.31",
"@syncfusion/ej2-angular-grids":
浏览 7提问于2021-06-26得票数 0
我试图在我的ASP.NET Web应用程序中使用ag网格显示数据，但是，我得到了以下错误：
require.js:143未加载错误:尚未为上下文：_加载模块名"dist/lib/clientExports“。使用要求([])
TypeScript文件：
require(['node_modules/ag-grid/main', ], function (agGridObj) {
document.addEventListener("DOMContentLoaded", function () {
var eGridDiv
浏览 2提问于2016-07-14得票数 0
我在我的项目中使用AG-Grid，我正在通过(filterModified)监听我的过滤器修改事件。下面是我在html中调用ag-grid的代码 <div class="grid-container">
<ag-grid-angular
class="ag-theme-bootstrap"
[columnDefs]="columnDefs"
[modules]="modules"
[frameworkComponents]="frameworkCo
浏览 38提问于2020-07-21得票数 0
2回答
如何在Ag-Grid中以编程方式显示列PopupMenu？ PopupMenu Ag-Grid 使用gridApi，您可以隐藏它，但不能显示它 gridApi.hidePopupMenu() 我也尝试过FilterInstance和columnApi，但我没有找到任何可用的 gridApi.getFilterInstance(colKey)
gridColumnApi?.getColumn(colKey) ... 谢谢
浏览 28提问于2021-06-29得票数 0
回答已采纳
1回答
我正在用FramerX做一个原型，我们的生产软件使用Ag-Grid制作了大量的组件。我需要能够将Ag-Grid合并到我最新的原型中。
有没有人知道我如何在最基本的层面上进行设置？
浏览 9提问于2019-11-22得票数 0
3回答
我在我的Angular 4应用程序上使用ag-grid来显示一个表。在date列中，我使用文档中的默认日期过滤器agDateColumnFilter。筛选器输入中显示的占位符始终为mm/dd/yyyy。是否可以将其更改为dd/mm/yyyy
浏览 3提问于2017-12-20得票数 3
2回答
我正在使用ag-grid v23处理股票板块，并以大约100毫秒/条的高频更新数据。我正在使用batchUpdateRowData更新多个行。当我关注它的选项卡时，电路板通常会更新，但当我切换到其他选项卡并在一段时间后返回到主板选项卡时，它开始刷新从我不在主板选项卡到我回来时收到的所有更新的数据，它的性能非常糟糕。你知道这是如何发生的吗?如何解决？我试图升级到ag-grid v25，但问题仍然存在。
浏览 2提问于2021-06-01得票数 0
1回答
我对vue-js和ag-grid非常陌生，我希望在我的ag-grid上有一个自定义过滤器，因此尝试使用组件作为过滤器，如vue-js ag-grid示例中所示："“，但它不起作用，并在控制台中给出了"componentType不是构造函数”错误。
下面是我的代码：
网格：
<template>
<div class="all-devices" style="width: 100%; height: 425px;">
<ag-grid-vue
style="width: 100%; he
浏览 1提问于2020-02-24得票数 2
在react AG-grid特征范围选择上工作，我正在尝试获得所选单元格的总和。我可以得到所选单元格的总和，因为我不能从相同的单元格中获得货币符号。AG-grid是否提供了任何功能来获取货币符号。
浏览 21提问于2021-01-28得票数 0
回答已采纳
我有一个组件->
AppLanding组件，它呈现两个其他组件-
AppActions
AppListings
AppActions和AooListings之间没有联系。
通过单击AppAction中的按钮，我想在AppListings中调用方法。
这是必要的-
AppListings包含Ag-Grid，AppActions包含按钮操作。单击AppActions中的按钮，在AppListings中调用控制AppListings中Ag-Grid列的方法。
如果它有父-子关系，我会将方法传递给AppListings，但在这种情况下，我不能这样做，因为它没有关系。
浏览 7提问于2021-12-23得票数 0
回答已采纳
我刚开始使用react ag-grid，看起来他们提供的教程已经硬编码了和height： <div
className="ag-theme-balham"
style={{ height: '200px', width: '600px' }}
>
<AgGridReact
columnDefs={this.state.columnDefs}
浏览 14提问于2019-10-09得票数 0
我正在尝试添加ag多列过滤器，
但得到的警告ag-Grid如下：
在寻找组件agMultiColumnFilter，但没有找到.
浏览 18提问于2021-09-04得票数 0
2回答
使用nmap，您可以看到活动系统或服务器的打开、关闭和过滤端口。但是，当当前显示为open时，如何使它显示为过滤呢？
浏览 0提问于2020-06-13得票数 1
回答已采纳
1回答
假设ag网格中的列只能有两个值中的一个，“是”和“否”作为字符串。
ag-grid有一个内置的列过滤器，它用复选框显示该列的所有不同值。
这种过滤对于用户交互非常有效，但是我需要在第一次呈现之前过滤出带有"No“值的行，没有用户交互。
我可以通过使用
gridOptions.isExternalFilterPresent
gridOptions.doesExternalFilterPass
但是，当用户单击filter按钮时，他们只看到列中当前值的选项，而不是所有可能的值。
问题是用户可能甚至不知道“否”是一个可能的选项，并且不知道网格当前被过滤了什么。
我相信，为了帮助实现这个场
浏览 0提问于2018-04-30得票数 2
1回答
如果没有搜索栏，我面临的问题是从下拉列表中搜索所需字段需要更多时间，请告诉我如何在ag-grid下拉列表中添加搜索栏(角度)
浏览 56提问于2021-04-20得票数 0
在ag-grid中有一个我需要更改的功能，为此我需要更改一个函数，例如：
NumberFilter.prototype.onFilterChanged = function () {
var filterText = utils_1.default.makeNull(this.eFilterTextField.value);
if (filterText && filterText.trim() === '') {
filterText = null;
浏览 2提问于2016-03-05得票数 0
如何在ag-grid中增加自定义过滤器列表的宽度？ filterParams: {
newRowsAction: 'keep',
suppressMiniFilter: true,
**filterWidth: 500,**
values: function(params) {
setTimeout(function() {
params.success([
// code
]),
}
浏览 26提问于2020-06-17得票数 0
回答已采纳
3回答
在数据表中，它支持单独的列搜索(select输入)。。除了通过键入过滤列之外，ag-grid还支持类似的功能吗？
浏览 12提问于2016-04-27得票数 1
1回答
使用ag-Grid在Vue2.js组件中使用ag-Grid处理一个web应用程序项目，其中有2个或3个字段和一个分段，每个记录下方的树格式可以访问该字段和分段。
因为网格太窄了，我想让它跨越几个DIVs。该应用程序可以在台式机、平板电脑或手机上查看，因此对表格数据的响应性设计非常重要(例如，手机上的单列，桌面上的多列(DIVs) )。
有人有过这方面的经验吗？谷歌不断地让我回到ag-Grid文档中，对聚合进行分组，但这并不能真正解决我正在寻找的问题。
支持图像：
我想要的accomplish...blue列的视觉概念只是表示网格的开始，它的内容包装到其他列。
浏览 4提问于2016-12-16得票数 0
回答已采纳
当启用ag-grid的默认筛选器时，clearButton按钮只清除文本框，即使“clearButton”和“applyButton”参数设置为true，也不会刷新列。单击“清除筛选器”按钮后，文本将从文本框中清除，我必须实际单击“应用筛选”按钮来删除筛选器并刷新列。
下面是我的代码：
result.filter = "date";
result.filterParams = {
applyButton: true,
clearButton: true
};
有没有一种方法，我们可以让清晰的过滤按钮，实际上刷新列和清除文本框？或有任何事件，我们可以订阅
浏览 4提问于2017-10-03得票数 2
回答已采纳
1回答
我正在尝试React-Data-Grid，希望得到的捆绑包大小将比我目前在应用程序中使用的ag-Grid或Tabulator更小。
我在一个小组件中尝试它，以验证生成的包大小。但出乎意料的是，我的应用程序大小增加了大约10MB。而ag-Grid或制表器导致“仅”增加约2MB。我使用Laravel作为后台；我不会更改Laravel生成的webconfig.js，因为默认的webconfig对我的应用程序来说已经足够了。上面的结果是我执行该命令时的结果：
npm run watch
它由Laravel框架(Laravel Mix)生成的脚本提供。当然，如果我通过执行以下命令来运行生产模式：
npm
浏览 9提问于2020-02-27得票数 0
我有一个要求，能够显示，排序，编辑和添加新的行到一个表，以获取/存储它的数据在数据库中。
我已经考虑过在angular 2中使用ag-grid，并且我能够显示和排序没有问题。但是，我找不到任何用于添加新行的文档。ag-grid是添加/编辑数据的好选择吗？如果是这样，您如何处理添加新行？
其次，我听说过primeNG的好消息，但我已经在使用ng2-bootstrap组件了。两者都用是个坏主意吗？
浏览 10提问于2016-06-23得票数 1
1回答
如何从ag-grid单元格模板触发一个angular js函数(ng-blur)？ 下面是我对ag-grid的列定义 var columnDefs = [
{headerName: "Make", field: "make" , template:'<input type="text" class="form-control control-width-90 margin-left-5" ng-blur="alert(\'wewew\')"/>'},
浏览 11提问于2020-09-28得票数 0
如何在ag-grid中获取应用排序的列的列表。有一个接口(onSortChanged)和一个事件(sortChanged)。但在这种情况下，这两种方法都没有帮助。
浏览 201提问于2020-10-09得票数 1
回答已采纳
我想在ag-grid列上实现日期-时间过滤器。但是ag网格不支持日期时间筛选器。
我的日期时间格式是DD/MM/YY HH:MM:SS
是否可以修改“agDateColumnFilter”以支持DateTime，或者必须编写自定义日期时间筛选器？
浏览 4提问于2020-12-31得票数 1
回答已采纳
1回答
我想知道如何获取当前AG-Grid分页中的所有节点或行。
最接近这一点的是this.gridApi.getRenderedNodes()，但它不会显示当前页面中的所有行。
框架网站：。
浏览 19提问于2021-02-20得票数 0
ag-Grid为社区版提供的行过滤UI很不错，但是企业版的过滤UI又奇怪又复杂。如何在使用企业许可证时获得简单的许可？
通过使用ag-grid-react的ag-Grid Community，如果我将<AgGridColumn>的filter属性设置为true，则得到以下结果：
但是，一旦我启用了企业模式，单击列过滤小部件就会显示这个不必要的复杂UI，隐藏在额外单击后面的过滤，并且看起来不像免费的那样有特色：
我怎么才能把漂亮的拿回？
浏览 5提问于2019-02-10得票数 2
回答已采纳
1回答
我当时正在阅读AngularJS开发人员关于过滤器部分()的指南，并遇到了“状态筛选器”。
这方面的说明如下：
我们强烈反对编写有状态的过滤器，因为这些过滤器的执行不能通过角进行优化，这通常会导致性能问题。许多有状态过滤器可以转换为无状态过滤器，只需将隐藏状态公开为模型并将其转换为过滤器的参数即可。
我对web开发很陌生，所以不知道什么是状态过滤，而角文档也没有解释它:(请有人解释一下普通过滤器和有状态过滤器之间的区别是什么？)
浏览 1提问于2014-09-16得票数 46
回答已采纳
我在我的ag-grid项目中显示货币计算，但我试图以美国货币格式(如232,345)设置货币值。我不知道如何在农业网格设置，有没有人可以帮助解决我的问题。
我尝试像这样编写代码：
{
cellRendererFramework: { template: '{{params.firstSalary | currency}}'},
headerName: 'First Salary', field: 'firstSalary', width: 130,
},
谢谢。
浏览 2提问于2016-10-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
