0

我的桌子有一些问题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;
  }
}]

如何加载已保存的选定数据？

4

0 回答 0