Javascript 需要SlickGrid链接格式化程序动态超链接帮助

Javascript 需要SlickGrid链接格式化程序动态超链接帮助,javascript,jquery,jquery-plugins,slickgrid,Javascript,Jquery,Jquery Plugins,Slickgrid,我的jquery中有一个光滑的网格。它工作得很好,只是我似乎无法创建动态url,例如,我需要获取另一列(deviceId)的值,然后将该值插入超链接(/messagedetail?deviceId=1、/messagedetail?deviceId=2、/messagedetail?deviceId=3等等…) var列=[ {id:“device_id”,name:“device id”,field:“device_id”,headercsclass:“cell head”,cssClass:

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

var列=[
{id:“device_id”,name:“device id”,field:“device_id”,headercsclass:“cell head”,cssClass:“cell row”,宽度:170,可调整大小:false,可选择:true,可排序:true},
{id:“详细信息链接”,名称:“详细信息”,字段:“详细信息链接”,headercsclass:“单元头”,格式化程序:linkFormatter=函数(行、单元、值、列定义、数据上下文){return';},cssClass:“单元行”,宽度:55,可调整大小:false,可选:true,可排序: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>"
  };
}
$(函数(){
var数据=[];
对于(变量i=0;i<500;i++){
数据[i]={
id:i+1,
num:i+1,
设备id:“asdf97sdfa98sdf7s987fsd987fs”+i,
详细信息链接:“
};
}

这可能是列声明中的问题。请重试

{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}
这将允许linkformatter函数动态地完成它的工作。我没有在您的代码上测试过这一点,但这在过去对我很有效

编辑:如果您希望链接是设备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}
{id:“细节链接”,name:“细节”,field:“细节链接”,headercsclass:“单元头”,格式化程序:linkFormatter=function(行、单元、值、列定义、数据上下文){return';},cssClass:“单元行”,宽度:55,可调整大小:false,可选:true,可排序:false}
detail_link: ""   
{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}