如何在 Ag-grid 上使用 id 参数导航到另一个页面？

Posted 2023-03-28

【中文标题】如何在 Ag-grid 上使用 id 参数导航到另一个页面？

【英文标题】：How to navigate to another page with id param on Ag-grid?

【发布时间】：2020-08-20 10:22:16

【问题描述】：

我正在尝试编辑显示在 Ag-Grid 表中的记录。我想在单击 Ag-grid 的特定单元格时导航到编辑页面，并且必须推送该记录的 ID 参数以填充编辑页面。 我的应用程序是用 Vue.Js 构建的。任何人都可以帮助解决这个问题吗？请。！

【参考方案1】：

这对我有用。我希望它也对你有用。

          headerName: "ID",
          field: "idvalue",
          cellRenderer: params => 
            const route = 
              name: "editpage",  // name will be same as stated in the route by you
              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;
          
,

【讨论】：

这对我也有用，谢谢。但我希望名称字段单元格可点击，而不是 ID 字段。为此该怎么办？任何想法！