禁用bootgrid动态内的按钮

时间:2017-07-03 16:26:43

标签: jquery html jquery-bootgrid

现在我有一个bootgrid表来使用bootgrid下载文件。我为此编写了一个格式化程序,它运行良好。

"commands": function(column, row) {
    return '<a href="'+row["slink"]+'"><button type="button" class="btn btn-info " data-row-id="' + row.id + '">Download</buttn></a> ';
}

slink给出了具有行id id的相应行的文件的下载位置。

现在的问题是某些行没有任何文件,而[slink]行将返回空白。当用户点击空白行时,页面就会刷新。

现在我要做的是在slink值为空时禁用下载按钮。我如何实现这一目标?我可以将按钮文本从下载更改为不可用,这样会很棒。

1 个答案:

答案 0 :(得分:1)

为了解决您的问题,请用以下内容替换您的格式化程序:

"commands": function(column, row) {
    if (row["slink"] == null || row["slink"] == '')
        return "";
    return '<a href="'+row["slink"]+'"><button type="button" class="btn btn-info " data-row-id="' + row.id + '">Download</buttn></a> ';
}

我们只检查行是空还是空slink。如果有,我们返回一个空字符串而不是<a></a>标记。