Question

我正在制作一个带有2个按钮的静态列，触发2个动态数据链接。我设法让一个按钮工作，但我不能做另一个。我尝试为每个人添加一个ID，并为每个人调用不同的函数，但它似乎只能使用$(\'#example tbody \')而不是($(\'#customID \')。

这是我的js：

<script type="text/javascript">
           $(document).ready(function() {
    var table = $(\'#example\').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "app/server_processing.php",
        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": "<button>Edit</button> <button>Delete</button>"
        } ]
    } );
     $(\'#example tbody \').on( \'click\', \'button\', function () {
        var data = table.row( $(this).parents(\'tr\') ).data();
        window.location.href = "index.php?categ=edit&id="+ data[0];
    } );
} );
        </script>

Answer 1

我修好了

<script type="text/javascript">
           $(document).ready(function() {
    var table = $(\'#example\').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "app/server_processing.php",
        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": "<button id="edit">Edit</button> <button id="delete">Delete</button>"
        } ]
    } );
     $(\'#example tbody \').on( \'click\', \'#edit\', function () {
        var data = table.row( $(this).parents(\'tr\') ).data();
        window.location.href = "index.php?categ=edit&id="+ data[0];
    } );
 $(\'#example tbody \').on( \'click\', \'#delete\', function () {
        var data = table.row( $(this).parents(\'tr\') ).data();
        window.location.href = "index.php?categ=delete&id="+ data[0];
    } );
} );
        </script>

数据表服务器端信息+静态列，带2个按钮

1 个答案: