javascript - 需要 SlickGrid 链接格式化程序动态超链接协助

Question

我的 jquery 中有一个光滑的网格。它工作得很好，除了我似乎无法创建动态 url 例如我需要获取另一列 (deviceId) 的值，然后将该值插入超链接 (/messagedetail?deviceId=1,/messagedetail?deviceId=2,/messagedetail?deviceId=3 等等...)。

      var columns = [
{id: "device_id", name: "Device ID ", field: "device_id", headerCssClass:"cell-head", cssClass: "cell-row", width:170, resizable: false,  selectable: true, sortable: true},
{id: "detail_link", name: "Details ", field: "detail_link", headerCssClass:"cell-head", formatter: linkFormatter = function ( row, cell, value, columnDef, dataContext ) {return '<a href=\"MessageDetail.jsp?deviceID='+device_id+'\"><img src=\"images/info.png\" style=\"\" alt=\"info\"></a>';}, cssClass: "cell-row", width:55, resizable: false, selectable: true, sortable: false}

];

但是，似乎我只能将列 defs 中的值写入 url 链接(上面的代码)，但是当我迭代为下面显示的行创建一些实际数据时，我实际上无法影响 url 链接本身在下方 (detail_link) 并添加我想要添加的值。关于如何实现这一目标的任何想法？提前致谢。

   $(function () {
     var data = [];
     for (var i = 0; i < 500; i++) {
        data[i] = {
        id: i+1, 
        num: i+1,
    device_id: "asdf97sdfa98sdf7s987fsd987fs"+i,
    detail_link: "<a href=\"MessageDetail.jsp?deviceID=' + somevar + '\"><img           src=\"images/info.png\" style=\"\" alt=\"info\"></a>"
  };
}

Answer 1

这可能是您的列声明中的一个问题。尝试

{id: "detail_link", name: "Details ", field: "detail_link", headerCssClass:"cell-head", formatter: linkFormatter = function ( row, cell, value, columnDef, dataContext ) {return '<a href=\"MessageDetail.jsp?deviceID='+dataContext['id']+'\"><img src=\"images/info.png\" style=\"\" alt=\"info\"></a>';}, cssClass: "cell-row", width:55, resizable: false, selectable: true, sortable: false}

查看您的列定义并查看是否修复了您的动态链接。您需要更新数据数组中的详细信息链接以使其为空:

detail_link: ""   

这将允许 linkformatter 函数动态地执行它的操作。我没有在您的代码上对此进行测试，但这在过去对我有用。

编辑:如果您希望链接是您要使用的 device_id 而不是 id

{id: "detail_link", name: "Details ", field: "detail_link", headerCssClass:"cell-head", formatter: linkFormatter = function ( row, cell, value, columnDef, dataContext ) {return '<a href=\"MessageDetail.jsp?deviceID='+dataContext['device_id']+'\"><img src=\"images/info.png\" style=\"\" alt=\"info\"></a>';}, cssClass: "cell-row", width:55, resizable: false, selectable: true, sortable: false}