如何解决加载保存的选定数据ag-grid表
ag-grid
表有一些问题,我使用的是 Vue.js
框架。
我正在尝试导入该表中选定的数据,例如:
我加载了一些数据并且我正在选择一些行,有一个按钮可以刷新该数据,但是如果刷新数据,它将清除所选数据。我仍然有保存所选数据的状态。
这是我的模板:
<b-button v-ripple.400="'rgba(0,207,232,0.15)'"
variant="outline-info"
pill
@click="synchronization"
>
Synchronize
<b-spinner v-if="syncing" small class="mr-1" label="Small Spinner" />
</b-button>
<div class="order-table">
Selected: {{ this.selectedDataStringPresentation }}
<ag-grid-vue style="width: 100%; height: 500px;"
class="ag-theme-alpine"
:gridOptions="gridOptions"
:columnDefs="columnDefs"
:rowData="ordersList"
rowSelection="multiple"
rowMultiSelectWithClick="true"
@selection-changed="getSelectedRows"
:animateRows="true"
:floatingFilter="true"
>
</ag-grid-vue>
</div>
如您所见,我实现了一个按钮和 ag-grid。getSelectedRows
函数的外观如下:
getSelectedRows() {
this.selectednodes = this.gridApi.getSelectedRows();
this.selectedData = this.selectednodes.map(node => node);
this.selectedDataStringPresentation = this.selectedData.map(node => node.id).join(',');
}
这是一个 columnDefs
示例和一些 gridOptions
(我不知道那是什么):
this.gridOptions = {};
this.columnDefs = [{
rowMultiSelectWithClick: true,headerName: 'ID',field: 'id',filter: true,maxWidth: 50,resizable: true,pinned: true,cellRenderer: (params) => {
const route = {
name: "orders-view",params: {
id: params.value
}
};
const link = document.createElement("a");
link.href = this.$router.resolve(route).href;
link.innerText = params.value;
link.addEventListener("click",e => {
e.preventDefault();
this.$router.push(route);
});
return link;
}
}]
如何加载已保存的选定数据?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。