Datatables - 点击图片

我有一个数据表由4个字段通过Laravel路线填充。这很好，而且效果很好。Datatables - 点击图片

此外，我已经添加了2个图标栏，这很好。一个是显示一个滑动的信息小组，一个是更多细节的链接。

我通过渲染列信息显示这些。

我希望有一个onlick事件，它将使用列0中的数据，这是一个关键字段。我曾尝试过：

{ 
    "targets": [4], 
    "render": function (data, type, full, meta) { 
      {return '<div align="center"><a href="#"><img src="{{ asset("siteicons/Info_Box_Blue.png") }}" id="trigger" onclick="ShowSlider({{ ' + 0 + '}})"></a></div>';}  
           } 
        },

这是在columnDefs中，但点击不会执行任何操作 - 即使我放置了一个简单的警报。

请帮忙！

来源

2017-01-03 Jim

你的HTML正确吗？当你检查元素时你看到了什么？另外，你是否重复ID？我希望不要因为这些应该是独一无二的。您使用ShowSlider的库有哪些？ – annoyingmouse

的HTML是正确的，但显然这是什么毛病我的语法，当我检查，我得到 '“ 的0应该是在列零 – Jim

"render": function (data, type, full, meta) { 
    return '<div align="center"><a href="#"><img src="{{ asset("siteicons/Info_Box_Blue.png") }}" id="trigger" onclick="ShowSlider(' + full[0] + ')"></a></div>'; 
}

如果你试图从该行的数据添加像这样。

来源

2017-01-03 14:11:09 annoyingmouse

干杯。这解决了它。 – Jim

额外的花括号在你的渲染函数中。你能删除并尝试吗？

"render": function (data, type, full, meta) { 
      return '<div align="center"><a href="#"><img src="{{ asset("siteicons/Info_Box_Blue.png") }}" id="trigger" onclick="ShowSlider(0)"></a></div>'; 
           }

来源

2017-01-03 12:55:58

我删除了他们的价值，但在0应该是在列0的值。调试显示ShowSlider未定义，但稍后。 – Jim

Datatables - 点击图片

回答

相关问题