Question

对不起我的英语，不是很好。我会尝试解释我的问题。我在每行末尾都有一个按钮，我点击它们时需要不同的动作。表是使用dataTables制作的，这就是我所拥有的。

    $(document).ready(function() {
    var table = $('#dataart').DataTable( {

        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": '<button id="ver" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-eye-open"></span></button>&nbsp;' +
                              '<button id="editar" class="btn btn-sm btn-warning"><span class="glyphicon glyphicon-edit"></span></button>&nbsp;' +
                              '<button id="eliminar" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash"></span></button>'
        } ]
    } );

    $('#dataart tbody').on( 'click', 'button', function () {
        var data = table.row( $(this).parents('tr') ).data();
        **if (button id=ver click) do something like this document.getElementById("x").value= data[1] or call a function.
        if (button id=editar click) do a second function.
        if (button id=eliminar click) do other function.**
    } );

} )

总而言之，这可能很简单，但它是我第一次使用这个插件。

非常感谢。

Answer 1

我希望下面的代码会有所帮助。未经测试

$('#dataart tbody').on( 'click', 'button', function () {
    var data = table.row( $(this).parents('tr') ).data();
    var button_id = this.id; // get the id of the button clicked
    if (button_id=='ver'){
        //do some thing
    }
    if (button_id=='editar'){ //do a second function.}
    if (button_id=='eliminar'){ //do other function.}
} );

Answer 2

给按钮添加超链接。喜欢：

<a href='xyz.html'><button.....></button>

如果要打开文件，请提供超链接。如果要运行脚本，请使用按钮的onClick操作。

单击数据表中的按钮时执行操作

2 个答案: