0

我尝试在 nuxtjs 中使用 Ag-grid 主细节。

正如在文档中

导入组件

import DetailCellRenderer from "./detailCellRendererVue";

注册组件

components: {
    myDetailCellRenderer: DetailCellRenderer,
    CreateRecommendedOrders, UploadOrders  },

初始化 detailCellRenderer 属性

async beforeMount() {
    this.detailCellRenderer = 'myDetailCellRenderer';
},

农业网格

 <ag-grid-vue style="width: 100%; height: 100%;"
              class="ag-theme-alpine"
               id="myGrid"
               :columnDefs="columnDefs"
               @grid-ready="onGridReady"
               :masterDetail="true"
               :detailCellRenderer='detailCellRenderer'
               :defaultColDef="defaultColDef"
               :rowData="rowData"
               @first-data-rendered="onFirstDataRendered"></ag-grid-vue>

现在的 detailCellRendererVue.js 与文档中的相同

export default {
    template: `<h1 style="padding: 20px;">My Custom Detail</h1>`,
};

我收到警告 ag-grid-community.cjs.js?7fb8:16750 AG Grid：正在寻找组件 [myDetailCellRenderer] 但未找到。

AG Grid：找不到主详细信息的详细网格选项，请设置 gridOptions.detailCellRendererParams.detailGridOptions

ag-grid-enterprise.cjs.js?599e:49435 AG Grid：找不到主/详细信息的 getDetailRowData，请设置 gridOptions.detailCellRendererParams.getDetailRowData

并且细节组件不重。我究竟做错了什么？

4

0 回答 0