如何解决Ag-grid columnApi applyColumnState函数
我在我的项目中使用ag-grid,但是我在应用表格状态时遇到问题。这是我来自onGridReady
函数的代码片段:
this.gridApi = params.api;
this.gridColumnApi = params.columnApi;
if (!window.colState) {
console.log("no columns state to restore by,you must save state first");
} else {
this.gridColumnApi.applyColumnState({
state: window.colState,applyOrder: true,});
console.log("column state restored");
}
它当然是从ag-grid提取的。
就在它下面
this.gridColumnApi.getAllColumns()
和this.gridColumnApi.autoSizeColumns()
功能正常。
问题是this.gridColumnApi.applyColumnState
给我这个错误。
TypeError: _this.gridColumnApi.applyColumnState is not a function
我无法理解为什么在this.gridColumnApi
上调用的其他函数可以工作,但applyColumnState
却不能。有什么建议吗?
@edit 我什至尝试了这个:
componentWillUnmount() {
window.colState = this.props.gridColumnApi.getColumnState();
console.log("column state saved");
if (this.props.gridColumnApi.applyColumnState) {
devLog("IT IS HERE");
} else {
devLog("its not");
}
this.gridColumnApi.resetColumnState();
console.log("column state reset");
}
但是我得到applyColumnState
并且resetColumnState
不是函数错误,这是怎么回事?
解决方法
检查您的AgGrid版本。 ColumnApi.applyColumnState()
是在版本24.0.0中添加的。
如果您坚持使用较低的 ag-grid 版本 (gridOptions.columnApi.setColumnState(prevState)
使用 ag-grid 24.0.0 及以上版本,您可以使用 -
gridOptions.columnApi.applyColumnState({
state:prevState,applyOrder: true,});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。