数据表选定的行获得未定义的值

Question

我是使用数据表的新手，并且对数据表中处理大量数据的良好性能感到惊讶。我已经阅读了文档但仍然没有得到答案，太多的例子让我混淆了哪一个适合我的问题。

所以，我尝试生成可以编辑选定行的值的按钮，但我认为每行执行一个按钮会很复杂，我通过生成每个按钮的超链接文本使其更简单，并且可以编辑采用 ID 的选定行所选行。

问题是当我成功地为每一行生成链接时，行的id是undefined。

在评论代码名称上尝试 1，我的表格没有显示并长时间保持处理 并评论代码名称尝试 2，我的表工作，但是当我点击 edit 时，值是 undefined。

这是我的代码：

     $(document).ready(function(){
            var dataTable = $('#empTable').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url':'ajaxfile.php',
                    'data': function(data){
                        var gender = $('#searchByGender').val();
                        var name = $('#searchByName').val();
                        data.searchByGender = gender;
                        data.searchByName = name;
                    }
                },
                'columns': [
                    { data: 'id' },
                    { data: 'nama' },
                    { data: 'grade' },
                    { data: 'dept' },
                    { data: 'id' },
                    { data: 'id',
                        render: function(data, type, row, meta)
                        {
                            //try 1 :
                            //var data = table.row( this ).data().id;
                            //return '<a href="../../action/edit_1.php?id='+data+'">edit</a>';
                            
                            //try 2 :
                            //var i = row[0];
                            //return '<a href="../../action/edit_1.php?id='+i+'">edit</a>';
                        }
                    },
                ]
            });

undefined ID Image，和 normally this should be ID ie:2200085 not undefined.

任何帮助都将不胜感激，抱歉，如果问题只是范围很小，但我认为那里有很多人和我一样的问题。谢谢。

Answer 1

您在列[] 之后缺少一步。

$(document).ready(function(){
            var dataTable = $('#empTable').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url':'ajaxfile.php',
                    'data': function(data){
                        var gender = $('#searchByGender').val();
                        var name = $('#searchByName').val();
                        data.searchByGender = gender;
                        data.searchByName = name;
                    }
                },
                'columns': [
                    { data: 'id' },
                    { data: 'nama' },
                    { data: 'grade' },
                    { data: 'dept' },
                    { data: 'id' },
                    { data: 'id',
                        render: function(data, type, row, meta)
                        {
                            //try 1 :
                            //var data = table.row( this ).data().id;
                            //return '<a href="../../action/edit_1.php?id='+data+'">edit</a>';
                            
                            //try 2 :
                            //var i = row[0];
                            //return '<a href="../../action/edit_1.php?id='+i+'">edit</a>';
                        }
                    },
                ],
             createdRow: function ( row, data, index ) {
                    $(row).attr('title','Category ID : '+data[0]);
                    $(row).attr('id',data[0]);
                    $(row).click(function(){
                        alert(this.id+' is clicked');
                });
              }
            });