javascript – Ag-Grid:如何保存和重新加载列顺序
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Ag-Grid:如何保存和重新加载列顺序,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1306字,纯文字阅读大概需要2分钟。
内容图文
![javascript – Ag-Grid:如何保存和重新加载列顺序](/upload/InfoBanner/zyjiaocheng/735/c6b4379182814e1e91d212046a168624.jpg)
使用Ag-Grid,用户可以拖动列以他们喜欢的方式对它们进行排序.我需要允许用户保存他们的列顺序(到SQL后端),以便它成为它们的默认列顺序.我试图得到这样的列名:
var cols = schedGridOptions.columnApi.getAllColumns();
for (col in cols) {
var colDef = col.getColDef();
console.log(colDef.headerName);
}
这是我找到的用于设置标题名称的示例,因此我尝试将其调整为获取标题名称.但我得到这个错误:
JavaScript runtime error: Object doesn’t support property or method
‘getColDef’
也许我没有正确地做到这一点?我是使用Ag-Grid的新手.寻找建议.
解决方法:
您正在寻找setColumnState()和getColumnState().请参阅https://www.ag-grid.com/javascript-grid-column-api/的文档
在网格选项中,为gridReady和columnMoved设置事件处理程序. https://www.ag-grid.com/javascript-grid-events/
就像是:
gridOptions = {
rowData: myRowDataSource,
columnDefs: myColumns,
onGridReady: onGridReady,
onColumnMoved: onColumnMoved,
}
在列移动事件上,保存columnState.这是保存到本地存储的示例.将其更改为保存到您的数据库.
onColumnMoved(params) {
var columnState = JSON.stringify(params.columnApi.getColumnState());
localStorage.setItem('myColumnState', columnState);
}
在网格就绪事件上,获取并恢复网格状态.再次,将其更改为从数据库中提取.
onGridReady(params) {
var columnState = JSON.parse(localStorage.getItem('myColumnState'));
if (columnState) {
params.columnApi.setColumnState(columnState);
}
}
内容总结
以上是互联网集市为您收集整理的javascript – Ag-Grid:如何保存和重新加载列顺序全部内容,希望文章能够帮你解决javascript – Ag-Grid:如何保存和重新加载列顺序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。