如何在Jquery Datatable中调用Function

时间:2017-10-16 10:27:32

标签: javascript jquery html

我有这些代码行。我想将功能添加到某行。单击时,它会运行另一个功能。但它无法识别函数声明。点击某行时如何调用函数?以及如何将参数发送到与该行相关联的函数。

$(document).ready(function() {
      var restVul = function() {
        alert("tik");
      }

      $.ajax({
        url: "https://localhost:450/rest/products?pageNumber=1&pageCount=80",
        type: "POST",
        dataType: "json",
        headers: {
          'Content-Type': 'application/json'
        },
        traditional: true,
        contentType: "application/json; charset=utf-8",
        processData: false,
        data: JSON.stringify(hostAddresses),
        success: function(response) {
          console.log(response);
          for (var i = 0; i < response.length; i++) {
            var trHTML = '';
            for (var j = 0; j < response[i].Products.length; j++) {
              trHTML += '<tr class="clickable-row" data-href="index.html"><td>' + response[i].IP + '</td><td onclick="function () {alert();  }">' + response[i].Products[j].Product + '</td><td>' + response[i].Products[j].CVECount + '</td></tr>';
            }
            $('#ProductsTableBody').append(trHTML);
          }

          $('.js-exportable').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            buttons: [
              'copy', 'csv', 'excel', 'pdf', 'print'
            ]
          });
        },
        error: function(xhr) {
          console.log("Hata Oluştu...");
        }
      })

1 个答案:

答案 0 :(得分:0)

在行中使用以下代码

columns: [
{"data": "xxx", "width": "10%","visible": false, "render": function (data, type, row, meta) {   }    },
]

在函数内使用以下代码在列

上创建可单击的链接
if (type === 'display') {
        return $('<a>')
        .attr('href', ' ')
        .text(data)
        .wrap('<div></div>')
        .parent()
        .html();
     } else {
          return data;
     }