Hyperlink AG Grid/Angular 6-尝试呈现具有两列的超链接
我正试图在我的AG网格中执行此操作(角度6):Hyperlink AG Grid/Angular 6-尝试呈现具有两列的超链接,hyperlink,angular6,ag-grid,Hyperlink,Angular6,Ag Grid,我正试图在我的AG网格中执行此操作(角度6): 有一列显示我的对象的名称 但同时,该列应使用该对象的Id(而不是名称)将其呈现为指向编辑页面的超链接 我当前的代码段: columnDefs = [ { headerName: 'Name', field: 'Name', width: 125, cellRenderer: function(params) { return '<a href="/admin/edit/'
- 有一列显示我的对象的名称
- 但同时,该列应使用该对象的Id(而不是名称)将其呈现为指向编辑页面的超链接
columnDefs = [
{
headerName: 'Name', field: 'Name', width: 125,
cellRenderer: function(params) {
return '<a href="/admin/edit/' + params.value + '">' + params.value + '</a>';
}
},
columnDefs=[
{
标题名称:“名称”,字段:“名称”,宽度:125,
cellRenderer:函数(参数){
返回“”;
}
},
然而,现在,我所能做的就是创建一个单元格渲染器,但由于它是名称
列的单元格渲染器,我只能访问该名称-但我需要Id
来构建超链接,超链接应该指向/admin/edit/47
(或者无论Id
是什么)
如何实现这一点?我还需要做什么才能在我的单元格渲染器中获得
名称
(用于显示)以及Id
?您可以使用params.data.Id
访问它,其中params.data
指向绑定到记录的对象。因此
cellRenderer: function(params) {
return '<a href="/admin/edit/' + params.data.Id + '">' + params.value + '</a>';
}
cellRenderer:函数(参数){
返回“”;
}
将提供您期望的结果。您可以使用
params.data.Id
访问它,其中params.data
指向绑定到记录的对象。因此
cellRenderer: function(params) {
return '<a href="/admin/edit/' + params.data.Id + '">' + params.value + '</a>';
}
cellRenderer:函数(参数){
返回“”;
}
将给出您期望的结果。这不是您第一次忘记
参数
具有数据
——表示该行的完整数据(在cellRenderer
案例中)@un.spike:的确!我想我需要把它贴在我的屏幕上,以免忘记下一次!:-)这不是你第一次忘记params
有data
,它代表该行的完整数据(在cellRenderer
案例中)@un.spike:的确!我想我需要把它放在一个贴在我屏幕上的帖子上,以免再忘记一次!:-)会导致整个页面刷新。这在SPA中不太好!你听说过位置策略吗?如果你愿意,你可以在标记中包含
。取决于你的路由系统应用程序。会导致整个页面刷新。这在SPA中不太好!您听说过中的位置策略吗?如果您愿意,您可以在标记中包含#
。具体取决于应用程序的路由系统。