数据表 - 从图像点击

Question

我有一个通过 Laravel 路由由 4 个字段填充的数据表。这很好，效果很好。

此外，我还添加了 2 个带有图标的列，同样没问题。一种是显示信息的滑动面板，另一种是 link 以提供更多详细信息。

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

我希望有一个 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 中，但点击没有任何作用 - 即使我发出一个简单的警报。

请帮忙！

Answer 1

您的渲染函数中有额外的花括号。您可以删除并尝试吗？

"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>';   
                                }

Answer 2

"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>';   
}

如果您尝试从行中获取数据，请像这样添加。

数据表 - 从图像点击

Datatables - On click from image

render

datatables

laravel-5