javascript AG GRID -获取列值

f1tvaqid  于 2023-04-04  发布在  Java
关注(0)|答案(1)|浏览(276)

我使用AG-GRID渲染表,我需要在每行的最后一列获取'data.Id'行值加上'uu'行值到onClick函数中,为了创建链接,我尝试了一些事情,但没有任何工作。我有2个网格MainGrid和MainViewGrid(主网格行具有一个或多个mainview网格值),并且从mainview网格中的2个参数渲染链接是问题

columnDefs: [
                {
                    headerName: 'ID',
                    maxWidth: 100,
                    valueGetter: 'node.id',
                    cellRenderer: 'loadingRenderer',
                    suppressMenu: true,
                    hide: true,
                },
                {
                    field: 'cv',
                    headerName: 'cv',
                    minWidth: 200,
                },
                {
                    field: 'ss',
                    headerName: 'ss',
                    minWidth: 100,
                },
                {
                    field: 'zz',
                    headerName: 'zz',
                    minWidth: 150,
                },
                {
                    field: 'uu',
                    headerName: 'uu',
                    minWidth: 100,
                },
                {
                    field: 'dd',
                    headerName: 'dd',
                    minWidth: 150,
                },
                {
                    field: 'cc',
                    headerName: 'cc',
                    maxWidth: 85,
                    cellRenderer: 'btnCellRenderer',
                    cellRendererParams: {
                        buttonText: 'Detail',
                        clicked: function (field) {
                  
                              window.location.href = '@(Url.Action("Detail", "cc"))/' + field + '/' + node.id + uu
                        }
                    }
                }
            ],

你能帮帮我吗?

更新日期:

我得到了未定义的数据参数,不知道如果其良好的修复,检查数据参数,如果其空

{
                    field: 'cc',
                    headerName: 'cc',
                    maxWidth: 85,
                    cellRenderer: ({ data, buttonText, basePath }) => {                       
                        if (data == null) {
                            return null;
                        }
                        return "<a href='" + basePath + "/" + data.cc+ "/" + data.uu + "'>" + buttonText + "</a>";
                    },
                    cellRendererParams: {
                        buttonText: "Detail",
                        basePath: '@(Url.Action("Detail", "cc"))/'
                    }
                }
vcirk6k6

vcirk6k61#

当grid调用你的btnCellRenderer时,它传递参数(单元格值,行数据,网格API,列API,上下文对象)以及你在列定义cellRendererParams中提供的额外参数。基本上,你可以访问你在渲染器中可能需要的任何东西。
以下是最后一列的配置方式:

{
  field: "cc",
  headerName: "cc",
  maxWidth: 85,
  cellRenderer: ({ data, node, buttonText, basePath }) => {
    return <a href={`${basePath}field/${node.id + data.uu}`}>{buttonText}</a>;
  },
  cellRendererParams: {
    buttonText: "Detail",
    basePath: '@(Url.Action("Detail", "cc"))/'
  }
}

相关问题