使 SlickGrid 中的列成为超链接

Posted 2023-02-22

【中文标题】使 SlickGrid 中的列成为超链接

【英文标题】：Making a column in SlickGrid a hyperlink

【发布时间】：2012-03-23 01:13:57

【问题描述】：

正如标题所说，我正在尝试使用 SlickGrid 为每一行创建一个超链接。我一直在尝试将其插入 (c#) 后面的代码中，但网格似乎不喜欢将 html 传递到字段值中 - 它将链接显示为纯文本。

我认为它可能有一个格式化程序，但显然没有。有任何想法吗？

干杯。

编辑--------------

这些示例表明当您声明列时应该使用格式化程序。 @matma 使用你的建议，会不会是这样的：

    
        name: "Action",
        field: "link",
        id: "link",
        sortable: false,
        width: 100,
        var linkFormatter = function ( row, cell, value, columnDef, dataContext ) 
            return '<a href="#/Link/' + dataContext['id'] + '">' + value + '</a>';
        

    ,

抱歉有点cr@p。

ANSWER（对于任何前来寻找的人）---------

    
        name: "Action",
        field: "link",
        id: "link",
        sortable: false,
        width: 100,
        formatter: linkFormatter = function ( row, cell, value, columnDef, dataContext ) 
            return '<a href="#/Link/' + dataContext['id'] + '">' + value + '</a>';
        

    ,

【问题讨论】：

我认为你可以省略 "linkFormatter = " - 因为它是内联函数...

“答案”应该发布在下面，而不是编辑到问题中。然后你就可以接受它对你有用。

@Edward 好的，很抱歉。以后会记得的。

@matma 欢呼，我试试看。

【参考方案1】：

所以制作自己的格式化程序:) 在这些情况下非常简单：

    var linkFormatter = function ( row, cell, value, columnDef, dataContext ) 
        return '<a href="#/Link/' + dataContext['id'] + '">' + value + '</a>';
    ;

【讨论】：

嗨。谢谢回复。抱歉，有点 javascript 菜鸟。那要去哪里？我会用一些代码更新我的问题。

忽略后续问题。我想到了。你是一个很棒的人。谢谢！ :)