javascript - 数据表,使用从 json 检索的所需列的 URL 变量设置链接

标签 javascript json variables hyperlink datatables

在表中,我有 2 列,我想要相同的链接以及该项目的附加 ID。第一个来自它自己的 ID,但我如何将 ID 附加到它自己的名称的链接上。

下面是我初始化数据表的代码。

    <script>
        $(document).ready(function() {
            $('#example').DataTable( {
                "ajax": "data.txt",
                "processing": true,

                "columns": [
                    { "data": "id", "name": "id",
                        "render": function (data, type, JsonResultRow, meta) {
                            return '<a href="detail.php?id='+data+'"> '+data+' </a>';
                        }
                    },
                    { "data": "dob", "name": "dob",
                        "render": function (data, type, JsonResultRow, meta) {
                                return '<img src="/img/userpics/'+data+'">';
                        }
                    },
                    { "data": "name", "name": "name",
                        "render": function (data, type, JsonResultRow, meta) {
                             var varempid = THIS_IS_WHAT_I_CANT_DO ;
                             return '<a href="detail.php?id='+varempid+'"> '+data+' </a>';
                        }
                    },
                    { "data": "position", "name": "position" },
                    { "data": "status", "name": "status" }
                ],


                responsive: true,
                'iDisplayLength': 6,
                "order": [[ 0, "asc" ]],

                "lengthMenu": [[50, 100, 500, 1000, -1], [50, 100, 500, 1000, "All"]],
                "pageLength": 50

            } );
        } );

    </script>

最佳答案

我认为您可以从 JsonResultRow 内的行获取所有数据。您可以尝试 console.log(JsonResultRow) 查看该行的所有数据。

{ "data": "name",
  "name": "name",
  "render": function (data, type, JsonResultRow, meta) {
              var varempid = JsonResultRow['id'];
              return '<a href="detail.php?id='+varempid+'"> '+data+' </a>';
            }
},

关于javascript - 数据表,使用从 json 检索的所需列的 URL 变量设置链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45495744/

相关文章:

JavaScript 日期/时间

javascript - 在 Tomcat 7.0 服务器上将 Ajax 与 JSF 结合使用时遇到问题

java - 如何动态创建多个 JSON 对象?

javascript - 对所有页面使用相同的 Handlebars 模板

java - 是否可以在 Java 中使用字符串而不是变量名

javascript - 选项卡功能得到改进。

php - 如何使用codeigniter实现上传脚本

javascript - 动态添加到 Highcharts

php - 简单问题 : How to split date (08-17-2011) into month, 年、日? PHP

c++ - 有没有办法组合两个变量?