Question

我放置了一个编辑按钮，但是如何传递每一行的ID。它的服务器端数据表，但我不知道如何获取用于编辑和按钮的ID

 <script type="text/javascript" language="javascript" >
        $(document).ready(function() {
            var dataTable = $('#employee-grid').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax":{
                    url :"packing-grid-data.php", // json datasource
                    type: "post",  // method  , by default get
                    error: function(){  // error handling
                        $(".employee-grid-error").html("");
                        $("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
                        $("#employee-grid_processing").css("display","none");
                    },

                },

                "columnDefs": [
                {

                    "data": null,
                    "defaultContent": "<a href='view_product.php?id=' name='edit' class='btn   btn-primary'> VIEW </a>",

                    "targets": -1
                    }
                ]

            });
        });


    </script>

Answer 1

有两种方法可以做到这一点：

您可以在PHP代码中准备html的“编辑和删除”按钮html，并将其传递给ajax响应
使用datatable jQuery createdRow回调。检查以下代码。在代码中data [1]表示数据库中的id值。

var dataTable = $（'＃employee-grid'）。DataTable（{ “处理中”：是的， “ serverSide”：是的， “ ajax”：{ 网址：“ packing-grid-data.php”，类型：“ post”，错误：function（）{ $（“。employee-grid-error”）。html（“”）; $（“＃employee-grid”）。append（'在服务器中找不到数据'）; $（“＃employee-grid_processing”）。css（“ display”，“ none”）; }， }， “ columnDefs”：[ { “数据”：null， “目标”：-1 } ]， createdRow：function（row，data，dataIndex）{ $（row）.find（'td：eq（-1）'）。html（'VIEW'）; } }）;

编辑和删除按钮在php，ajax中添加服务器端数据表

1 个答案: